vitralcss 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +109 -0
- package/package.json +33 -0
- package/vitralcss.min.css +1 -0
- package/vitralcss.min.js +1 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Marvin Ulises Pérez López
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
# 🔮 VitralCSS
|
|
2
|
+
|
|
3
|
+
**VitralCSS** is a lightweight visual micro-framework inspired by **Frutiger Aero** aesthetics and Apple's **Liquid Glass** design language. It offers animated visual components based on the **essential elements of nature**: Water, Ice, Fog, Fire, and Glass.
|
|
4
|
+
|
|
5
|
+
All in a single `.css` and `.js` file — ready to use!
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
## ✨ Features
|
|
10
|
+
|
|
11
|
+
- **Nature-Inspired Effects** — Water, Ice, Fog, Fire, and Glass visual themes
|
|
12
|
+
- **Frutiger Aero Revival** — Transparent, glossy aesthetics with depth and realism
|
|
13
|
+
- **No Dependencies** — Pure CSS & vanilla JavaScript
|
|
14
|
+
- **Smooth Animations** — Fluid transitions and hover effects built-in
|
|
15
|
+
- **Easy Hover Toggle** — Add `with-hover` class for interactive states
|
|
16
|
+
- **Panel Components** — Rectangular containers with `<element>-Panel-#` classes
|
|
17
|
+
- **Custom Shapes** — Animated organic forms with `<element>-Cu-#` classes
|
|
18
|
+
- **Dark Mode Ready** — Use `.dark-style &` modifier for dark themes
|
|
19
|
+
- **Lightweight** — Minimal footprint, maximum visual impact
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
## 🚀 Quick Start
|
|
24
|
+
|
|
25
|
+
### NPM
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npm install vitracss
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### CDN
|
|
32
|
+
|
|
33
|
+
```html
|
|
34
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vitracss/dist/VitraCss.min.css">
|
|
35
|
+
<script src="https://cdn.jsdelivr.net/npm/vitracss/dist/VitraCss.min.js" defer></script>
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
---
|
|
39
|
+
|
|
40
|
+
## 📦 Available Classes
|
|
41
|
+
|
|
42
|
+
### Panels
|
|
43
|
+
|
|
44
|
+
```html
|
|
45
|
+
<div class="Glass-Panel-1">...</div>
|
|
46
|
+
<div class="Water-Panel-5">...</div>
|
|
47
|
+
<div class="Ice-Panel-10">...</div>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
Elements: `glass`, `water`, `ice`, `fog`, `fire`
|
|
51
|
+
Variants: 1-10
|
|
52
|
+
|
|
53
|
+
### Custom Shapes
|
|
54
|
+
|
|
55
|
+
```html
|
|
56
|
+
<div class="Glass-Cu-1">...</div>
|
|
57
|
+
<div class="Fire-Cu-5">...</div>
|
|
58
|
+
<div class="Fog-Cu-10">...</div>
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
### Interactive Hover
|
|
62
|
+
|
|
63
|
+
Add `with-hover` to any component:
|
|
64
|
+
|
|
65
|
+
```html
|
|
66
|
+
<div class="Glass-Panel-5 with-hover">Hover me!</div>
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
### Dark Style
|
|
70
|
+
|
|
71
|
+
Wrap components with `.dark-style` for dark themes:
|
|
72
|
+
|
|
73
|
+
```html
|
|
74
|
+
<div class="dark-style">
|
|
75
|
+
<div class="Glass-Panel-5">Dark mode ready!</div>
|
|
76
|
+
</div>
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
---
|
|
80
|
+
|
|
81
|
+
## 🎨 Example
|
|
82
|
+
|
|
83
|
+
```html
|
|
84
|
+
<!DOCTYPE html>
|
|
85
|
+
<html>
|
|
86
|
+
<head>
|
|
87
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vitracss/dist/VitraCss.min.css">
|
|
88
|
+
</head>
|
|
89
|
+
<body>
|
|
90
|
+
<div class="Glass-Panel-5 with-hover" style="padding: 2rem; text-align: center;">
|
|
91
|
+
<h1>Hello VitralCSS!</h1>
|
|
92
|
+
</div>
|
|
93
|
+
<script src="https://cdn.jsdelivr.net/npm/vitracss/dist/VitraCss.min.js" defer></script>
|
|
94
|
+
</body>
|
|
95
|
+
</html>
|
|
96
|
+
```
|
|
97
|
+
|
|
98
|
+
---
|
|
99
|
+
|
|
100
|
+
## 📁 Project Structure
|
|
101
|
+
|
|
102
|
+
- **Source code:** [vitralcss-dev](https://github.com/UlisesPLopez/vitralcss-dev) (private)
|
|
103
|
+
- **Website & Docs:** [vitralcss-web](https://github.com/UlisesPLopez/vitralcss-web)
|
|
104
|
+
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
## 📄 License
|
|
108
|
+
|
|
109
|
+
MIT License © Ulises López
|
package/package.json
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "vitralcss",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "VitralCSS - A visual micro-framework inspired by Frutiger Aero and Apple's Liquid Glass. Nature-themed panels and shapes: Water, Ice, Fog, Fire, and Glass.",
|
|
5
|
+
"main": "vitralcss.min.js",
|
|
6
|
+
"style": "vitralcss.min.css",
|
|
7
|
+
"files": [
|
|
8
|
+
"vitralcss.min.css",
|
|
9
|
+
"vitralcss.min.js",
|
|
10
|
+
"README.md"
|
|
11
|
+
],
|
|
12
|
+
"keywords": [
|
|
13
|
+
"css",
|
|
14
|
+
"framework",
|
|
15
|
+
"glassmorphism",
|
|
16
|
+
"vitracss",
|
|
17
|
+
"vitralcss",
|
|
18
|
+
"ui",
|
|
19
|
+
"panels",
|
|
20
|
+
"frutiger-aero",
|
|
21
|
+
"liquid-glass"
|
|
22
|
+
],
|
|
23
|
+
"author": "Ulises López",
|
|
24
|
+
"license": "MIT",
|
|
25
|
+
"homepage": "https://github.com/UlisesPLopez/vitralcss",
|
|
26
|
+
"repository": {
|
|
27
|
+
"type": "git",
|
|
28
|
+
"url": "git+https://github.com/UlisesPLopez/vitralcss.git"
|
|
29
|
+
},
|
|
30
|
+
"bugs": {
|
|
31
|
+
"url": "https://github.com/UlisesPLopez/vitralcss/issues"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Glass-Panel-1{--blur: 2px;--opacity: .02;--light-intensity: .1;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-1:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-1:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-1>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-1.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-1.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-1{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-1:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-1:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-1>*{color:#f0f0ffe6}.Glass-Panel-2{--blur: 4px;--opacity: .03;--light-intensity: .2;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-2:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-2:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-2>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-2.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-2.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-2{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-2:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-2:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-2>*{color:#f0f0ffe6}.Glass-Panel-3{--blur: 6px;--opacity: .04;--light-intensity: .3;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-3:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-3:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-3>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-3.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-3.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-3{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-3:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-3:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-3>*{color:#f0f0ffe6}.Glass-Panel-4{--blur: 8px;--opacity: .05;--light-intensity: .4;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-4:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-4:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-4>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-4.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-4.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-4{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-4:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-4:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-4>*{color:#f0f0ffe6}.Glass-Panel-5{--blur: 10px;--opacity: .06;--light-intensity: .5;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-5:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-5:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-5>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-5.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-5.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-5{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-5:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-5:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-5>*{color:#f0f0ffe6}.Glass-Panel-6{--blur: 12px;--opacity: .07;--light-intensity: .6;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-6:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-6:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-6>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-6.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-6.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-6{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-6:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-6:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-6>*{color:#f0f0ffe6}.Glass-Panel-7{--blur: 14px;--opacity: .08;--light-intensity: .7;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-7:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-7:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-7>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-7.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-7.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-7{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-7:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-7:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-7>*{color:#f0f0ffe6}.Glass-Panel-8{--blur: 16px;--opacity: .09;--light-intensity: .8;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-8:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-8:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-8>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-8.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-8.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-8{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-8:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-8:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-8>*{color:#f0f0ffe6}.Glass-Panel-9{--blur: 18px;--opacity: .1;--light-intensity: .9;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-9:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-9:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-9>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-9.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-9.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-9{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-9:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-9:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-9>*{color:#f0f0ffe6}.Glass-Panel-10{--blur: 20px;--opacity: .11;--light-intensity: 1;position:relative;overflow:hidden;border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Panel-10:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Panel-10:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Panel-10>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Panel-10.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Panel-10.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Panel-10{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Panel-10:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Panel-10:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Panel-10>*{color:#f0f0ffe6}.Water-Panel-1{--blur: 1.5px;--opacity: .032;--intensity: .1;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-1:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-1:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-1>*{position:relative;z-index:1}.Water-Panel-1.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-1.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-2{--blur: 3px;--opacity: .044;--intensity: .2;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-2:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-2>*{position:relative;z-index:1}.Water-Panel-2.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-2.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-3{--blur: 4.5px;--opacity: .056;--intensity: .3;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-3:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-3:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-3>*{position:relative;z-index:1}.Water-Panel-3.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-3.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-4{--blur: 6px;--opacity: .068;--intensity: .4;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-4:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-4:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-4>*{position:relative;z-index:1}.Water-Panel-4.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-4.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-5{--blur: 7.5px;--opacity: .08;--intensity: .5;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-5:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-5:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-5>*{position:relative;z-index:1}.Water-Panel-5.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-5.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-6{--blur: 9px;--opacity: .092;--intensity: .6;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-6:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-6:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-6>*{position:relative;z-index:1}.Water-Panel-6.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-6.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-7{--blur: 10.5px;--opacity: .104;--intensity: .7;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-7:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-7:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-7>*{position:relative;z-index:1}.Water-Panel-7.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-7.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-8{--blur: 12px;--opacity: .116;--intensity: .8;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-8:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-8:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-8>*{position:relative;z-index:1}.Water-Panel-8.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-8.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-9{--blur: 13.5px;--opacity: .128;--intensity: .9;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-9:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-9:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-9>*{position:relative;z-index:1}.Water-Panel-9.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-9.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Panel-10{--blur: 15px;--opacity: .14;--intensity: 1;position:relative;overflow:hidden;border-radius:18% 8% 14% 10%/12% 20% 10% 18%;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out;animation:wave-contained 6s ease-in-out infinite alternate,pulse-gentle 5s ease-in-out infinite}.Water-Panel-10:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Panel-10:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Panel-10>*{position:relative;z-index:1}.Water-Panel-10.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d;animation:wave-contained-hover 3s ease-in-out infinite alternate,pulse-strong 3s ease-in-out infinite}.Water-Panel-10.with-hover:hover:before{opacity:.75;transform:scale(1.1)}@keyframes wave-contained{0%{border-radius:18% 8% 14% 10%/12% 20% 10% 18%}25%{border-radius:10% 18% 26% 10%/20% 8% 24% 10%}50%{border-radius:24% 10% 22% 6%/8% 30% 12% 28%}75%{border-radius:14% 12% 6% 28%/28% 10% 24% 8%}to{border-radius:18% 8% 14% 10%/12% 20% 10% 18%}}@keyframes wave-contained-hover{0%{border-radius:14% 28% 10% 24%/30% 6% 22% 26%}50%{border-radius:24% 10% 32% 4%/8% 30% 12% 28%}to{border-radius:10% 20% 24% 10%/26% 22% 30% 8%}}.Ice-Panel-1{--blur: .7px;--opacity: .06;--intensity: .1;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-1:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-1:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-1>*{position:relative;z-index:1}.Ice-Panel-1.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-1.with-hover:hover:after{opacity:.8}.Ice-Panel-2{--blur: 1.4px;--opacity: .07;--intensity: .2;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-2:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-2:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-2>*{position:relative;z-index:1}.Ice-Panel-2.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-2.with-hover:hover:after{opacity:.8}.Ice-Panel-3{--blur: 2.1px;--opacity: .08;--intensity: .3;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-3:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-3:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-3>*{position:relative;z-index:1}.Ice-Panel-3.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-3.with-hover:hover:after{opacity:.8}.Ice-Panel-4{--blur: 2.8px;--opacity: .09;--intensity: .4;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-4:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-4:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-4>*{position:relative;z-index:1}.Ice-Panel-4.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-4.with-hover:hover:after{opacity:.8}.Ice-Panel-5{--blur: 3.5px;--opacity: .1;--intensity: .5;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-5:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-5:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-5>*{position:relative;z-index:1}.Ice-Panel-5.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-5.with-hover:hover:after{opacity:.8}.Ice-Panel-6{--blur: 4.2px;--opacity: .11;--intensity: .6;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-6:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-6:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-6>*{position:relative;z-index:1}.Ice-Panel-6.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-6.with-hover:hover:after{opacity:.8}.Ice-Panel-7{--blur: 4.9px;--opacity: .12;--intensity: .7;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-7:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-7:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-7>*{position:relative;z-index:1}.Ice-Panel-7.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-7.with-hover:hover:after{opacity:.8}.Ice-Panel-8{--blur: 5.6px;--opacity: .13;--intensity: .8;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-8:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-8:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-8>*{position:relative;z-index:1}.Ice-Panel-8.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-8.with-hover:hover:after{opacity:.8}.Ice-Panel-9{--blur: 6.3px;--opacity: .14;--intensity: .9;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-9:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-9:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-9>*{position:relative;z-index:1}.Ice-Panel-9.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-9.with-hover:hover:after{opacity:.8}.Ice-Panel-10{--blur: 7px;--opacity: .15;--intensity: 1;position:relative;overflow:hidden;padding:1.25rem;border-radius:.15rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Panel-10:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Panel-10:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Panel-10>*{position:relative;z-index:1}.Ice-Panel-10.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Panel-10.with-hover:hover:after{opacity:.8}.Fog-Panel-1{--blur: 3px;--opacity: .035;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-1:before,.Fog-Panel-1:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-1:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-1:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-1>*{position:relative;z-index:1}.Fog-Panel-1.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-1.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-1.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-2{--blur: 6px;--opacity: .05;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-2:before,.Fog-Panel-2:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-2:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-2:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-2>*{position:relative;z-index:1}.Fog-Panel-2.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-2.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-2.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-3{--blur: 9px;--opacity: .065;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-3:before,.Fog-Panel-3:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-3:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-3:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-3>*{position:relative;z-index:1}.Fog-Panel-3.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-3.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-3.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-4{--blur: 12px;--opacity: .08;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-4:before,.Fog-Panel-4:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-4:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-4:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-4>*{position:relative;z-index:1}.Fog-Panel-4.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-4.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-4.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-5{--blur: 15px;--opacity: .095;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-5:before,.Fog-Panel-5:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-5:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-5:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-5>*{position:relative;z-index:1}.Fog-Panel-5.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-5.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-5.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-6{--blur: 18px;--opacity: .11;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-6:before,.Fog-Panel-6:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-6:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-6:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-6>*{position:relative;z-index:1}.Fog-Panel-6.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-6.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-6.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-7{--blur: 21px;--opacity: .125;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-7:before,.Fog-Panel-7:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-7:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-7:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-7>*{position:relative;z-index:1}.Fog-Panel-7.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-7.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-7.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-8{--blur: 24px;--opacity: .14;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-8:before,.Fog-Panel-8:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-8:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-8:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-8>*{position:relative;z-index:1}.Fog-Panel-8.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-8.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-8.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-9{--blur: 27px;--opacity: .155;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-9:before,.Fog-Panel-9:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-9:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-9:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-9>*{position:relative;z-index:1}.Fog-Panel-9.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-9.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-9.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Panel-10{--blur: 30px;--opacity: .17;position:relative;overflow:hidden;padding:1.75rem;border-radius:20% 22% 18% 24%/20% 18% 22% 19%;animation:fog-wave 8s ease-in-out infinite alternate;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Panel-10:before,.Fog-Panel-10:after{will-change:transform,opacity;transform-origin:center center}.Fog-Panel-10:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-10:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Panel-10>*{position:relative;z-index:1}.Fog-Panel-10.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Panel-10.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Panel-10.with-hover:hover:after{opacity:.6;transform:scale(1.1)}@keyframes fog-wave{0%{border-radius:20% 22% 18% 24%/20% 18% 22% 19%}50%{border-radius:38% 26% 40% 20%/32% 35% 24% 36%}to{border-radius:20% 22% 18% 24%/20% 18% 22% 19%}}.Fire-Panel-1{--intensity: .1;--opacity: .035;--glow: .2rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-1:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-1>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-1.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-1.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-2{--intensity: .2;--opacity: .05;--glow: .4rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-2:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-2>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-2.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-2.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-3{--intensity: .3;--opacity: .065;--glow: .6rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-3:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-3>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-3.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-3.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-4{--intensity: .4;--opacity: .08;--glow: .8rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-4:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-4>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-4.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-4.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-5{--intensity: .5;--opacity: .095;--glow: 1rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-5:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-5>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-5.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-5.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-6{--intensity: .6;--opacity: .11;--glow: 1.2rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-6:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-6>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-6.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-6.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-7{--intensity: .7;--opacity: .125;--glow: 1.4rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-7:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-7>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-7.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-7.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-8{--intensity: .8;--opacity: .14;--glow: 1.6rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-8:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-8>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-8.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-8.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-9{--intensity: .9;--opacity: .155;--glow: 1.8rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-9:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-9>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-9.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-9.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Panel-10{--intensity: 1;--opacity: .17;--glow: 2rem;position:relative;overflow:hidden;padding:1.5rem;border-radius:16% 12% 14% 18%/14% 18% 16% 12%;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out;animation:fire-flicker 3s ease-in-out infinite alternate,fire-wave 6s ease-in-out infinite alternate}.Fire-Panel-10:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Panel-10>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Panel-10.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Panel-10.with-hover:hover:before{opacity:.5;filter:blur(90px)}@keyframes fire-wave{0%{border-radius:16% 12% 14% 18%/14% 18% 16% 12%}50%{border-radius:22% 16% 20% 14%/18% 24% 20% 16%}to{border-radius:16% 12% 14% 18%/14% 18% 16% 12%}}.Glass-Cu-1{--blur: 2px;--opacity: .02;--light-intensity: .1;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-1:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-1:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-1>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-1.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-1.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-1{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-1:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-1:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-1>*{color:#f0f0ffe6}.Glass-Cu-2{--blur: 4px;--opacity: .03;--light-intensity: .2;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-2:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-2:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-2>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-2.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-2.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-2{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-2:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-2:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-2>*{color:#f0f0ffe6}.Glass-Cu-3{--blur: 6px;--opacity: .04;--light-intensity: .3;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-3:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-3:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-3>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-3.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-3.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-3{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-3:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-3:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-3>*{color:#f0f0ffe6}.Glass-Cu-4{--blur: 8px;--opacity: .05;--light-intensity: .4;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-4:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-4:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-4>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-4.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-4.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-4{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-4:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-4:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-4>*{color:#f0f0ffe6}.Glass-Cu-5{--blur: 10px;--opacity: .06;--light-intensity: .5;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-5:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-5:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-5>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-5.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-5.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-5{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-5:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-5:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-5>*{color:#f0f0ffe6}.Glass-Cu-6{--blur: 12px;--opacity: .07;--light-intensity: .6;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-6:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-6:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-6>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-6.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-6.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-6{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-6:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-6:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-6>*{color:#f0f0ffe6}.Glass-Cu-7{--blur: 14px;--opacity: .08;--light-intensity: .7;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-7:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-7:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-7>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-7.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-7.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-7{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-7:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-7:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-7>*{color:#f0f0ffe6}.Glass-Cu-8{--blur: 16px;--opacity: .09;--light-intensity: .8;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-8:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-8:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-8>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-8.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-8.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-8{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-8:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-8:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-8>*{color:#f0f0ffe6}.Glass-Cu-9{--blur: 18px;--opacity: .1;--light-intensity: .9;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-9:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-9:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-9>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-9.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-9.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-9{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-9:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-9:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-9>*{color:#f0f0ffe6}.Glass-Cu-10{--blur: 20px;--opacity: .11;--light-intensity: 1;position:relative;overflow:visible;padding:1.5rem;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.23,1,.32,1);background:rgba(240,248,255,var(--opacity));box-shadow:0 8px 32px rgba(0,0,0,calc(.1 * var(--light-intensity))),inset 3px -3px 12px #fff3,inset -3px 3px 12px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;perspective:1000px}.Glass-Cu-10:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,calc(.1 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.05 * var(--light-intensity))) 100%);-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.1) contrast(1.2) saturate(1.1);z-index:-1;border-radius:inherit;transform:translateZ(-1px)}.Glass-Cu-10:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 15px rgba(255,255,255,calc(.3 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.2 * var(--light-intensity)));opacity:.4;animation:glow-pulse 4s ease-in-out infinite;transition:opacity .5s,filter .5s}.Glass-Cu-10>*{position:relative;z-index:1;transform:translateZ(20px)}.Glass-Cu-10.with-hover:hover{transform:scale(1.02) translateZ(20px);box-shadow:0 12px 40px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 5px -5px 20px #fff9,inset -5px 5px 20px #00000073}.Glass-Cu-10.with-hover:hover:after{opacity:1;animation:glow-pulse-hover 2s ease-in-out infinite}.dark-style .Glass-Cu-10{background:rgba(20,20,30,var(--opacity));border-color:#ffffff0d;box-shadow:0 8px 32px rgba(0,0,0,calc(.2 * var(--light-intensity))),inset 3px -3px 12px #ffffff0d,inset -3px 3px 12px #0000004d,0 0 0 1px #ffffff0d}.dark-style .Glass-Cu-10:before{background:linear-gradient(135deg,rgba(255,255,255,calc(.05 * var(--light-intensity))) 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--light-intensity))) 100%)}.dark-style .Glass-Cu-10:after{box-shadow:0 0 15px rgba(255,255,255,calc(.1 * var(--light-intensity))),inset 0 0 15px rgba(255,255,255,calc(.05 * var(--light-intensity)))}.dark-style .Glass-Cu-10>*{color:#f0f0ffe6}@keyframes glow-pulse{0%{opacity:.3;filter:brightness(1)}50%{opacity:.6;filter:brightness(1.25)}to{opacity:.3;filter:brightness(1)}}@keyframes glow-pulse-hover{0%{opacity:.6;filter:brightness(1.1)}50%{opacity:1;filter:brightness(1.4)}to{opacity:.6;filter:brightness(1.1)}}.Water-Cu-1{--blur: 1.5px;--opacity: .032;--intensity: .1;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-1:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-1:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-1>*{position:relative;z-index:1}.Water-Cu-1.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-1.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-2{--blur: 3px;--opacity: .044;--intensity: .2;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-2:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-2>*{position:relative;z-index:1}.Water-Cu-2.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-2.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-3{--blur: 4.5px;--opacity: .056;--intensity: .3;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-3:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-3:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-3>*{position:relative;z-index:1}.Water-Cu-3.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-3.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-4{--blur: 6px;--opacity: .068;--intensity: .4;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-4:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-4:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-4>*{position:relative;z-index:1}.Water-Cu-4.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-4.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-5{--blur: 7.5px;--opacity: .08;--intensity: .5;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-5:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-5:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-5>*{position:relative;z-index:1}.Water-Cu-5.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-5.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-6{--blur: 9px;--opacity: .092;--intensity: .6;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-6:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-6:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-6>*{position:relative;z-index:1}.Water-Cu-6.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-6.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-7{--blur: 10.5px;--opacity: .104;--intensity: .7;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-7:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-7:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-7>*{position:relative;z-index:1}.Water-Cu-7.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-7.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-8{--blur: 12px;--opacity: .116;--intensity: .8;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-8:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-8:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-8>*{position:relative;z-index:1}.Water-Cu-8.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-8.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-9{--blur: 13.5px;--opacity: .128;--intensity: .9;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-9:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-9:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-9>*{position:relative;z-index:1}.Water-Cu-9.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-9.with-hover:hover:before{opacity:.75;transform:scale(1.1)}.Water-Cu-10{--blur: 15px;--opacity: .14;--intensity: 1;position:relative;overflow:hidden;padding:1.5rem;background:rgba(173,216,230,var(--opacity));border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,50,100,calc(.1 * var(--intensity))),inset 2px -2px 6px #fff3,inset -2px 2px 6px #0000001a;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);backdrop-filter:blur(var(--blur)) brightness(1.1) saturate(1.25) contrast(1.15);transition:all .4s ease-in-out}.Water-Cu-10:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.12),transparent 70%),radial-gradient(circle at 50% 100%,rgba(0,60,100,.2),transparent 70%);mix-blend-mode:soft-light;opacity:.6;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.Water-Cu-10:after{content:"";position:absolute;top:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.18),transparent);opacity:.4;mix-blend-mode:screen;pointer-events:none}.Water-Cu-10>*{position:relative;z-index:1}.Water-Cu-10.with-hover:hover{transform:scale(1.05) translateY(-5px);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.2);box-shadow:0 16px 36px #00508259,inset 6px -6px 14px #ffffff59,inset -6px 6px 14px #0000004d}.Water-Cu-10.with-hover:hover:before{opacity:.75;transform:scale(1.1)}@keyframes pulse-gentle{0%{transform:scale(1)}50%{transform:scale(1.022)}to{transform:scale(1)}}@keyframes pulse-strong{0%{transform:scale(1.0375)}50%{transform:scale(1.09)}to{transform:scale(1.0375)}}@keyframes shimmer{0%{transform:translateY(-12%);opacity:.3}50%{transform:translateY(12%);opacity:.7}to{transform:translateY(-12%);opacity:.3}}.Ice-Cu-1{--blur: .7px;--opacity: .06;--intensity: .1;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-1:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-1:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-1>*{position:relative;z-index:1}.Ice-Cu-1.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-1.with-hover:hover:after{opacity:.8}.Ice-Cu-2{--blur: 1.4px;--opacity: .07;--intensity: .2;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-2:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-2:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-2>*{position:relative;z-index:1}.Ice-Cu-2.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-2.with-hover:hover:after{opacity:.8}.Ice-Cu-3{--blur: 2.1px;--opacity: .08;--intensity: .3;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-3:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-3:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-3>*{position:relative;z-index:1}.Ice-Cu-3.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-3.with-hover:hover:after{opacity:.8}.Ice-Cu-4{--blur: 2.8px;--opacity: .09;--intensity: .4;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-4:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-4:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-4>*{position:relative;z-index:1}.Ice-Cu-4.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-4.with-hover:hover:after{opacity:.8}.Ice-Cu-5{--blur: 3.5px;--opacity: .1;--intensity: .5;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-5:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-5:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-5>*{position:relative;z-index:1}.Ice-Cu-5.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-5.with-hover:hover:after{opacity:.8}.Ice-Cu-6{--blur: 4.2px;--opacity: .11;--intensity: .6;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-6:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-6:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-6>*{position:relative;z-index:1}.Ice-Cu-6.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-6.with-hover:hover:after{opacity:.8}.Ice-Cu-7{--blur: 4.9px;--opacity: .12;--intensity: .7;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-7:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-7:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-7>*{position:relative;z-index:1}.Ice-Cu-7.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-7.with-hover:hover:after{opacity:.8}.Ice-Cu-8{--blur: 5.6px;--opacity: .13;--intensity: .8;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-8:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-8:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-8>*{position:relative;z-index:1}.Ice-Cu-8.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-8.with-hover:hover:after{opacity:.8}.Ice-Cu-9{--blur: 6.3px;--opacity: .14;--intensity: .9;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-9:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-9:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-9>*{position:relative;z-index:1}.Ice-Cu-9.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-9.with-hover:hover:after{opacity:.8}.Ice-Cu-10{--blur: 7px;--opacity: .15;--intensity: 1;position:relative;overflow:hidden;padding:1.25rem;background:rgba(190,230,255,var(--opacity));border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 24px rgba(0,80,130,calc(.2 * var(--intensity))),inset 0 0 10px #ffffff4d;-webkit-backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);backdrop-filter:blur(var(--blur)) brightness(1.07) contrast(1.35) grayscale(.3) saturate(1.1);transition:all .35s ease-in-out}.Ice-Cu-10:before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.03) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.03) 25%,transparent 25%);background-size:50px 50px;mix-blend-mode:screen;opacity:.7;animation:frost-glow 12s linear infinite;pointer-events:none}.Ice-Cu-10:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px #c8f0ff26,0 0 25px #ffffff14;opacity:.4;mix-blend-mode:lighten;animation:ice-shimmer 6s ease-in-out infinite alternate}.Ice-Cu-10>*{position:relative;z-index:1}.Ice-Cu-10.with-hover:hover{transform:scale(1.03);-webkit-backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);backdrop-filter:blur(calc(var(--blur) + 2px)) brightness(1.15);box-shadow:0 10px 36px #006ea073,inset 0 0 20px #fff6}.Ice-Cu-10.with-hover:hover:after{opacity:.8}@keyframes frost-glow{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:60px 60px,-60px 60px,60px -60px,-60px -60px}}@keyframes ice-shimmer{0%{box-shadow:inset 0 0 15px #c8f0ff1f,0 0 25px #ffffff12}50%{box-shadow:inset 0 0 27px #ffffff40,0 0 45px #c8f0ff2e}to{box-shadow:inset 0 0 15px #c8f0ff1f,0 0 25px #ffffff12}}.Fog-Cu-1{--blur: 3px;--opacity: .035;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-1:before,.Fog-Cu-1:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-1:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-1:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-1>*{position:relative;z-index:1}.Fog-Cu-1.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-1.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-1.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-2{--blur: 6px;--opacity: .05;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-2:before,.Fog-Cu-2:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-2:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-2:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-2>*{position:relative;z-index:1}.Fog-Cu-2.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-2.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-2.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-3{--blur: 9px;--opacity: .065;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-3:before,.Fog-Cu-3:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-3:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-3:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-3>*{position:relative;z-index:1}.Fog-Cu-3.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-3.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-3.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-4{--blur: 12px;--opacity: .08;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-4:before,.Fog-Cu-4:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-4:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-4:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-4>*{position:relative;z-index:1}.Fog-Cu-4.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-4.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-4.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-5{--blur: 15px;--opacity: .095;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-5:before,.Fog-Cu-5:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-5:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-5:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-5>*{position:relative;z-index:1}.Fog-Cu-5.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-5.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-5.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-6{--blur: 18px;--opacity: .11;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-6:before,.Fog-Cu-6:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-6:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-6:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-6>*{position:relative;z-index:1}.Fog-Cu-6.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-6.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-6.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-7{--blur: 21px;--opacity: .125;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-7:before,.Fog-Cu-7:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-7:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-7:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-7>*{position:relative;z-index:1}.Fog-Cu-7.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-7.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-7.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-8{--blur: 24px;--opacity: .14;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-8:before,.Fog-Cu-8:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-8:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-8:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-8>*{position:relative;z-index:1}.Fog-Cu-8.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-8.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-8.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-9{--blur: 27px;--opacity: .155;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-9:before,.Fog-Cu-9:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-9:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-9:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-9>*{position:relative;z-index:1}.Fog-Cu-9.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-9.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-9.with-hover:hover:after{opacity:.6;transform:scale(1.1)}.Fog-Cu-10{--blur: 30px;--opacity: .17;position:relative;overflow:visible;padding:1.75rem;background:rgba(230,230,230,var(--opacity));border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);backdrop-filter:blur(calc(var(--blur) + 3px)) brightness(1.07) saturate(.85);mix-blend-mode:lighten;box-shadow:inset 0 0 20px #ffffff26;transition:all .4s ease;-webkit-mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);mask-image:radial-gradient(ellipse at center,white 60%,transparent 100%);-webkit-mask-composite:destination-in;mask-composite:intersect}.Fog-Cu-10:before,.Fog-Cu-10:after{will-change:transform,opacity;transform-origin:center center}.Fog-Cu-10:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.18),transparent 75%);filter:blur(20px);opacity:.4;animation:fog-move 16s ease-in-out infinite,fog-fade 8s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-10:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 30% 60%,rgba(255,255,255,.1),transparent 80%);filter:blur(25px);opacity:.3;animation:fog-move-reverse 20s ease-in-out infinite,fog-fade 10s ease-in-out infinite;pointer-events:none;z-index:0}.Fog-Cu-10>*{position:relative;z-index:1}.Fog-Cu-10.with-hover:hover{-webkit-backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);backdrop-filter:blur(calc(var(--blur) + 5px)) brightness(1.1);box-shadow:inset 0 0 40px #ffffff40}.Fog-Cu-10.with-hover:hover:before{opacity:.75;transform:scale(1.15)}.Fog-Cu-10.with-hover:hover:after{opacity:.6;transform:scale(1.1)}@keyframes fog-fade{0%{opacity:.2}50%{opacity:.7}to{opacity:.2}}@keyframes fog-move{0%{transform:translate(-10.8%,-7.2%) scale(1)}50%{transform:translate(10.8%,9%) scale(1.15)}to{transform:translate(-10.8%,-7.2%) scale(1)}}@keyframes fog-move-reverse{0%{transform:translate(7.2%,9%) scale(1)}50%{transform:translate(-9%,-10.8%) scale(1.12)}to{transform:translate(7.2%,9%) scale(1)}}.Fire-Cu-1{--intensity: .1;--opacity: .035;--glow: .2rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-1:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-1>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-1.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-1.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-2{--intensity: .2;--opacity: .05;--glow: .4rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-2:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-2>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-2.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-2.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-3{--intensity: .3;--opacity: .065;--glow: .6rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-3:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-3>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-3.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-3.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-4{--intensity: .4;--opacity: .08;--glow: .8rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-4:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-4>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-4.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-4.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-5{--intensity: .5;--opacity: .095;--glow: 1rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-5:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-5>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-5.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-5.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-6{--intensity: .6;--opacity: .11;--glow: 1.2rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-6:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-6>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-6.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-6.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-7{--intensity: .7;--opacity: .125;--glow: 1.4rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-7:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-7>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-7.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-7.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-8{--intensity: .8;--opacity: .14;--glow: 1.6rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-8:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-8>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-8.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-8.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-9{--intensity: .9;--opacity: .155;--glow: 1.8rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-9:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-9>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-9.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-9.with-hover:hover:before{opacity:.5;filter:blur(90px)}.Fire-Cu-10{--intensity: 1;--opacity: .17;--glow: 2rem;position:relative;overflow:visible;padding:1.5rem;background:radial-gradient(circle at top center,rgba(255,100,0,var(--opacity)) 0%,rgba(120,0,0,calc(var(--opacity) * .8)) 80%,transparent 100%);border:1px solid rgba(255,140,0,.3);box-shadow:0 0 var(--glow) #ff500066,0 0 calc(var(--glow) * 2) #ff320040;-webkit-backdrop-filter:brightness(1.05) contrast(1.1);backdrop-filter:brightness(1.05) contrast(1.1);transition:all .4s ease-in-out}.Fire-Cu-10:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(255,180,50,.2),transparent 60%);opacity:.25;filter:blur(60px);animation:fire-glow 6s ease-in-out infinite;pointer-events:none;z-index:0}.Fire-Cu-10>*{position:relative;z-index:1;color:#fff5f0;text-shadow:0 0 3px rgba(255,150,50,.7),0 0 6px rgba(255,80,0,.5)}.Fire-Cu-10.with-hover:hover{transform:scale(1.06) rotate(-.5deg);-webkit-backdrop-filter:brightness(1.3) contrast(1.4);backdrop-filter:brightness(1.3) contrast(1.4);box-shadow:0 0 calc(var(--glow) * 2) #ff5a1499,0 0 calc(var(--glow) * 3.5) #ff3c0066}.Fire-Cu-10.with-hover:hover:before{opacity:.5;filter:blur(90px)}@keyframes fire-flicker{0%{filter:brightness(1);transform:scale(1) rotate(0)}50%{filter:brightness(1.25);transform:scale(1.025) rotate(.3deg)}to{filter:brightness(1);transform:scale(1) rotate(-.2deg)}}@keyframes fire-glow{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.25);opacity:.4}}
|
package/vitralcss.min.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(){document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("[with-hover]").forEach(e=>{e.classList.add("with-hover")})}),window.VitralCSS={toggleHover:function(t,e=!0){document.querySelectorAll(t).forEach(o=>{e?o.classList.add("with-hover"):o.classList.remove("with-hover")})}}})();
|