.mmd-fx-wipe-up,
.mmd-fx-wipe-down,
.mmd-fx-wipe-left,
.mmd-fx-wipe-right,
.mmd-fx-blur-in,
.mmd-fx-rise,
.mmd-fx-unroll,
.mmd-fx-flip-x,
.mmd-fx-flip-y {
    animation-duration: var(--mmd-fx-duration, 0.6s);
    animation-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
    animation-delay: calc(var(--mmd-fx-delay, 0s) + var(--mmd-fx-i, 0) * var(--mmd-fx-stagger, 120ms));
    animation-fill-mode: backwards;
}
@keyframes mmd-fx-wipe-up {
    from { clip-path: inset(100% 0 0 0); }
    to { clip-path: inset(0 0 0 0); }
}
@keyframes mmd-fx-wipe-down {
    from { clip-path: inset(0 0 100% 0); }
    to { clip-path: inset(0 0 0 0); }
}
@keyframes mmd-fx-wipe-right {
    from { clip-path: inset(0 100% 0 0); }
    to { clip-path: inset(0 0 0 0); }
}
@keyframes mmd-fx-wipe-left {
    from { clip-path: inset(0 0 0 100%); }
    to { clip-path: inset(0 0 0 0); }
}
.mmd-fx-wipe-up { animation-name: mmd-fx-wipe-up; }
.mmd-fx-wipe-down { animation-name: mmd-fx-wipe-down; }
.mmd-fx-wipe-left { animation-name: mmd-fx-wipe-left; }
.mmd-fx-wipe-right { animation-name: mmd-fx-wipe-right; }
@keyframes mmd-fx-blur-in {
    from {
        opacity: 0;
        filter: blur(var(--mmd-fx-blur-in-amount, 8px));
    }
    to {
        opacity: 1;
        filter: blur(0);
    }
}
.mmd-fx-blur-in { animation-name: mmd-fx-blur-in; }
@keyframes mmd-fx-rise {
    from {
        opacity: 0;
        transform: translateY(var(--mmd-fx-rise-distance, 16px)) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.mmd-fx-rise { animation-name: mmd-fx-rise; }
@keyframes mmd-fx-unroll {
    from {
        opacity: 0;
        transform: perspective(var(--mmd-fx-perspective, 800px)) rotateX(-14deg);
    }
    to {
        opacity: 1;
        transform: perspective(var(--mmd-fx-perspective, 800px)) rotateX(0);
    }
}
.mmd-fx-unroll {
    animation-name: mmd-fx-unroll;
    transform-origin: top center;
}
@keyframes mmd-fx-flip-x {
    from {
        opacity: 0;
        transform: perspective(var(--mmd-fx-perspective, 800px)) rotateX(90deg);
    }
    to {
        opacity: 1;
        transform: perspective(var(--mmd-fx-perspective, 800px)) rotateX(0);
    }
}
@keyframes mmd-fx-flip-y {
    from {
        opacity: 0;
        transform: perspective(var(--mmd-fx-perspective, 800px)) rotateY(90deg);
    }
    to {
        opacity: 1;
        transform: perspective(var(--mmd-fx-perspective, 800px)) rotateY(0);
    }
}
.mmd-fx-flip-x { animation-name: mmd-fx-flip-x; }
.mmd-fx-flip-y { animation-name: mmd-fx-flip-y; }
.mmd-fx-stagger > *:nth-child(2), .mmd-fx-stagger > * > *:nth-child(2) { --mmd-fx-i: 1; }
.mmd-fx-stagger > *:nth-child(3), .mmd-fx-stagger > * > *:nth-child(3) { --mmd-fx-i: 2; }
.mmd-fx-stagger > *:nth-child(4), .mmd-fx-stagger > * > *:nth-child(4) { --mmd-fx-i: 3; }
.mmd-fx-stagger > *:nth-child(5), .mmd-fx-stagger > * > *:nth-child(5) { --mmd-fx-i: 4; }
.mmd-fx-stagger > *:nth-child(6), .mmd-fx-stagger > * > *:nth-child(6) { --mmd-fx-i: 5; }
.mmd-fx-stagger > *:nth-child(7), .mmd-fx-stagger > * > *:nth-child(7) { --mmd-fx-i: 6; }
.mmd-fx-stagger > *:nth-child(8), .mmd-fx-stagger > * > *:nth-child(8) { --mmd-fx-i: 7; }
.mmd-fx-stagger > *:nth-child(9), .mmd-fx-stagger > * > *:nth-child(9) { --mmd-fx-i: 8; }
.mmd-fx-stagger > *:nth-child(10), .mmd-fx-stagger > * > *:nth-child(10) { --mmd-fx-i: 9; }
.mmd-fx-stagger > *:nth-child(11), .mmd-fx-stagger > * > *:nth-child(11) { --mmd-fx-i: 10; }
.mmd-fx-stagger > *:nth-child(12), .mmd-fx-stagger > * > *:nth-child(12) { --mmd-fx-i: 11; }
.mmd-fx-deco-1,
.mmd-fx-deco-2,
.mmd-fx-deco-3,
.mmd-fx-deco-4,
.mmd-fx-deco-frame {
    position: relative;
    isolation: isolate;
}
.mmd-fx-deco-1::before,
.mmd-fx-deco-2::before,
.mmd-fx-deco-3::before,
.mmd-fx-deco-4::before,
.mmd-fx-deco-frame::after {
    content: '';
    position: absolute;
    pointer-events: none;
}
.mmd-fx-deco-1::before {
    z-index: var(--mmd-fx-deco-1-layer, -1);
    top: var(--mmd-fx-deco-1-offset-y, -6%);
    left: var(--mmd-fx-deco-1-offset-x, -6%);
    width: var(--mmd-fx-deco-1-size, 62%);
    aspect-ratio: var(--mmd-fx-deco-1-ratio, 1);
    border-radius: var(--mmd-fx-deco-1-radius, 999px);
    background: var(--mmd-fx-deco-1-color, currentColor);
    border: var(--mmd-fx-deco-1-border, 0 solid transparent);
    opacity: var(--mmd-fx-deco-1-opacity, 0.12);
    transform: rotate(var(--mmd-fx-deco-1-rotate, 0deg));
    filter: blur(var(--mmd-fx-deco-1-blur, 0px));
}
.mmd-fx-deco-2::before {
    z-index: var(--mmd-fx-deco-2-layer, -1);
    top: var(--mmd-fx-deco-2-offset-y, -8%);
    left: var(--mmd-fx-deco-2-offset-x, 68%);
    width: var(--mmd-fx-deco-2-size, 38%);
    aspect-ratio: var(--mmd-fx-deco-2-ratio, 1);
    border-radius: var(--mmd-fx-deco-2-radius, 999px);
    background: var(--mmd-fx-deco-2-color, currentColor);
    border: var(--mmd-fx-deco-2-border, 0 solid transparent);
    opacity: var(--mmd-fx-deco-2-opacity, 0.1);
    transform: rotate(var(--mmd-fx-deco-2-rotate, 0deg));
    filter: blur(var(--mmd-fx-deco-2-blur, 0px));
}
.mmd-fx-deco-3::before {
    z-index: var(--mmd-fx-deco-3-layer, -1);
    top: var(--mmd-fx-deco-3-offset-y, 58%);
    left: var(--mmd-fx-deco-3-offset-x, -10%);
    width: var(--mmd-fx-deco-3-size, 48%);
    aspect-ratio: var(--mmd-fx-deco-3-ratio, 1);
    border-radius: var(--mmd-fx-deco-3-radius, 42% 58% 63% 37% / 41% 44% 56% 59%);
    background: var(--mmd-fx-deco-3-color, currentColor);
    border: var(--mmd-fx-deco-3-border, 0 solid transparent);
    opacity: var(--mmd-fx-deco-3-opacity, 0.14);
    transform: rotate(var(--mmd-fx-deco-3-rotate, 0deg));
    filter: blur(var(--mmd-fx-deco-3-blur, 0px));
}
.mmd-fx-deco-4::before {
    z-index: var(--mmd-fx-deco-4-layer, -1);
    top: var(--mmd-fx-deco-4-offset-y, 4%);
    left: var(--mmd-fx-deco-4-offset-x, 82%);
    width: var(--mmd-fx-deco-4-size, 18%);
    aspect-ratio: var(--mmd-fx-deco-4-ratio, 1);
    border-radius: var(--mmd-fx-deco-4-radius, 999px);
    background: var(--mmd-fx-deco-4-color, currentColor);
    border: var(--mmd-fx-deco-4-border, 0 solid transparent);
    opacity: var(--mmd-fx-deco-4-opacity, 0.16);
    transform: rotate(var(--mmd-fx-deco-4-rotate, 0deg));
    filter: blur(var(--mmd-fx-deco-4-blur, 0px));
}
.mmd-fx-deco-frame::after {
    z-index: var(--mmd-fx-frame-layer, -1);
    inset: var(--mmd-fx-frame-inset, -12px);
    border: var(--mmd-fx-frame-width, 2px) var(--mmd-fx-frame-style, solid) var(--mmd-fx-frame-color, currentColor);
    border-radius: var(--mmd-fx-frame-radius, 0px);
    opacity: var(--mmd-fx-frame-opacity, 0.4);
    transform: translate(var(--mmd-fx-frame-x, 0px), var(--mmd-fx-frame-y, 0px));
}
.mmd-fx-tint-1 {
    --mmd-fx-deco-1-color: var(--mmd-fx-palette-1, #1e87f0);
    --mmd-fx-deco-2-color: var(--mmd-fx-palette-1, #1e87f0);
    --mmd-fx-deco-3-color: var(--mmd-fx-palette-1, #1e87f0);
    --mmd-fx-deco-4-color: var(--mmd-fx-palette-1, #1e87f0);
    --mmd-fx-frame-color: var(--mmd-fx-palette-1, #1e87f0);
}
.mmd-fx-tint-2 {
    --mmd-fx-deco-1-color: var(--mmd-fx-palette-2, #32d296);
    --mmd-fx-deco-2-color: var(--mmd-fx-palette-2, #32d296);
    --mmd-fx-deco-3-color: var(--mmd-fx-palette-2, #32d296);
    --mmd-fx-deco-4-color: var(--mmd-fx-palette-2, #32d296);
    --mmd-fx-frame-color: var(--mmd-fx-palette-2, #32d296);
}
.mmd-fx-tint-3 {
    --mmd-fx-deco-1-color: var(--mmd-fx-palette-3, #faa05a);
    --mmd-fx-deco-2-color: var(--mmd-fx-palette-3, #faa05a);
    --mmd-fx-deco-3-color: var(--mmd-fx-palette-3, #faa05a);
    --mmd-fx-deco-4-color: var(--mmd-fx-palette-3, #faa05a);
    --mmd-fx-frame-color: var(--mmd-fx-palette-3, #faa05a);
}
.mmd-fx-tint-4 {
    --mmd-fx-deco-1-color: var(--mmd-fx-palette-4, #f0506e);
    --mmd-fx-deco-2-color: var(--mmd-fx-palette-4, #f0506e);
    --mmd-fx-deco-3-color: var(--mmd-fx-palette-4, #f0506e);
    --mmd-fx-deco-4-color: var(--mmd-fx-palette-4, #f0506e);
    --mmd-fx-frame-color: var(--mmd-fx-palette-4, #f0506e);
}
.mmd-fx-shape-blob {
    border-radius: var(--mmd-fx-shape-blob, 42% 58% 63% 37% / 41% 44% 56% 59%);
}
.mmd-fx-shape-squircle {
    border-radius: var(--mmd-fx-shape-squircle, 28%);
}
.mmd-fx-shape-leaf {
    border-radius: var(--mmd-fx-shape-leaf, 0px 60% 0px 60%);
}
.mmd-fx-shape-asym {
    border-radius: var(--mmd-fx-shape-asym, 4px 2rem 4px 2rem);
}
.mmd-fx-radius-tl { border-top-left-radius: var(--mmd-fx-radius, 2rem); }
.mmd-fx-radius-tr { border-top-right-radius: var(--mmd-fx-radius, 2rem); }
.mmd-fx-radius-bl { border-bottom-left-radius: var(--mmd-fx-radius, 2rem); }
.mmd-fx-radius-br { border-bottom-right-radius: var(--mmd-fx-radius, 2rem); }
[class*="mmd-fx-shape-"] :is(img, video, .el-image, .el-hover-image, .el-link),
[class*="mmd-fx-radius-"] :is(img, video, .el-image, .el-hover-image, .el-link) {
    border-radius: inherit;
}
@supports selector(:has(*)) {
    .mmd-fx-mask-wave,
    .mmd-fx-mask-wave-soft,
    .mmd-fx-mask-curve,
    .mmd-fx-mask-arch,
    .mmd-fx-mask-tilt,
    .mmd-fx-mask-tilt-left,
    .mmd-fx-mask-triangle,
    .mmd-fx-mask-zigzag,
    .mmd-fx-mask-step {
        -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
    }
    .mmd-fx-mask-wave {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,38 C200,88 400,-2 600,38 C800,78 1000,8 1200,38 L1200,100 L0,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,38 C200,88 400,-2 600,38 C800,78 1000,8 1200,38 L1200,100 L0,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-wave-soft {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,62 C300,92 900,32 1200,62 L1200,100 L0,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,62 C300,92 900,32 1200,62 L1200,100 L0,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-curve {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 C300,0 900,0 1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 C300,0 900,0 1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-arch {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 C0,45 269,0 600,0 C931,0 1200,45 1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 C0,45 269,0 600,0 C931,0 1200,45 1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-tilt {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L1200,0 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L1200,0 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-tilt-left {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,0 L1200,100 L0,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,0 L1200,100 L0,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-triangle {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L600,0 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L600,0 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-zigzag {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L150,26 L300,100 L450,26 L600,100 L750,26 L900,100 L1050,26 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L150,26 L300,100 L450,26 L600,100 L750,26 L900,100 L1050,26 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    .mmd-fx-mask-step {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L0,70 L300,70 L300,40 L600,40 L600,14 L900,14 L900,40 L1200,40 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
                mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 1200 100%22 preserveAspectRatio%3D%22xMidYMin meet%22%3E%3Cpath d%3D%22M0,100 L0,70 L300,70 L300,40 L600,40 L600,14 L900,14 L900,40 L1200,40 L1200,100 Z%22/%3E%3Cpath d%3D%22M-100000,99 H100000 V100000 H-100000 Z%22/%3E%3C/svg%3E");
    }
    [class*="mmd-fx-mask-"]:focus-visible,
    [class*="mmd-fx-mask-"]:has(:focus-visible) {
        -webkit-mask-image: none;
                mask-image: none;
    }
}
@media (max-width: 639px) {
    .mmd-fx-deco-1::before,
    .mmd-fx-deco-2::before,
    .mmd-fx-deco-3::before,
    .mmd-fx-deco-4::before,
    .mmd-fx-deco-frame::after {
        content: none;
    }
    .mmd-fx-deco-keep.mmd-fx-deco-1::before,
    .mmd-fx-deco-keep.mmd-fx-deco-2::before,
    .mmd-fx-deco-keep.mmd-fx-deco-3::before,
    .mmd-fx-deco-keep.mmd-fx-deco-4::before,
    .mmd-fx-deco-keep.mmd-fx-deco-frame::after {
        content: '';
    }
}
@media (max-width: 959px) {
    .mmd-fx-deco-desk::before,
    .mmd-fx-deco-desk::after {
        content: none;
    }
}
.mmd-fx-hover-icon .el-image svg,
.mmd-fx-hover-icon .uk-icon,
.mmd-fx-hover-icon-halo .uk-icon,
.mmd-fx-hover-icon-tile .uk-icon,
.mmd-fx-hover-icon-glow .uk-icon,
.mmd-fx-hover-icon-glow .el-image svg,
.mmd-fx-hover-icon-gradient .uk-icon,
.mmd-fx-hover-zoom :is(img.el-image, .el-image img),
.mmd-fx-hover-image :is(img.el-image, .el-image img),
.mmd-fx-hover-title .el-title,
.mmd-fx-hover-lift,
.mmd-fx-hover-more .el-meta,
.mmd-fx-hover-more .el-content {
    transition-duration: var(--mmd-fx-duration-fast, 0.3s);
    transition-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-hover-icon .el-image svg,
.mmd-fx-hover-icon .uk-icon {
    transition-property: color;
}
.mmd-fx-hover-icon:hover .el-image svg,
.mmd-fx-hover-icon:focus-within .el-image svg,
.mmd-fx-hover-icon:hover .uk-icon,
.mmd-fx-hover-icon:focus-within .uk-icon,
.mmd-fx-hover-icon.mmd-fx-icon-always .el-image svg,
.mmd-fx-hover-icon.mmd-fx-icon-always .uk-icon {
    color: var(--mmd-fx-accent, color-mix(in srgb, currentColor 55%, transparent));
}
@property --mmd-fx-halo-mix {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}
.mmd-fx-hover-icon-halo .uk-icon {
    border-radius: var(--mmd-fx-halo-radius, 999px);
    box-shadow:
        0 0 0 calc(var(--mmd-fx-halo-size, 0.75rem) * var(--mmd-fx-halo-mix, 0)) color-mix(in srgb, var(--mmd-fx-halo-color, color-mix(in srgb, currentColor 12%, transparent)) calc(var(--mmd-fx-halo-mix, 0) * 100%), transparent),
        0 0 calc(var(--mmd-fx-halo-size, 0.75rem) * 2.5 * var(--mmd-fx-halo-mix, 0)) calc(var(--mmd-fx-halo-size, 0.75rem) * 0.5 * var(--mmd-fx-halo-mix, 0)) color-mix(in srgb, var(--mmd-fx-accent, currentColor) calc(var(--mmd-fx-halo-mix, 0) * 18%), transparent);
    transition-property: --mmd-fx-halo-mix, color;
}
.mmd-fx-hover-icon-halo:hover .uk-icon,
.mmd-fx-hover-icon-halo:focus-within .uk-icon,
.mmd-fx-hover-icon-halo.mmd-fx-icon-always .uk-icon {
    --mmd-fx-halo-mix: 1;
}
@property --mmd-fx-tile-mix {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}
@property --mmd-fx-ring-spread {
    syntax: '<length>';
    inherits: false;
    initial-value: 0px;
}
@property --mmd-fx-ring-alpha {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}
.mmd-fx-hover-icon-tile .uk-icon {
    padding: var(--mmd-fx-tile-size, 0.75em);
    margin: calc(var(--mmd-fx-tile-size, 0.75em) * -1);
    border-radius: var(--mmd-fx-tile-radius, 12px);
    background-color: var(--mmd-fx-tile-background, color-mix(in srgb, currentColor 8%, transparent));
    color: var(--mmd-fx-tile-icon-color, currentColor);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--mmd-fx-accent, currentColor) calc(var(--mmd-fx-tile-mix, 0) * 100%), var(--mmd-fx-tile-border, color-mix(in srgb, currentColor 18%, transparent))),
        0 0 var(--mmd-fx-tile-glow, 1.25em) color-mix(in srgb, var(--mmd-fx-accent, currentColor) calc(var(--mmd-fx-tile-mix, 0) * 35%), transparent);
    transition-property: --mmd-fx-tile-mix, color;
}
.mmd-fx-hover-icon-tile:hover .uk-icon,
.mmd-fx-hover-icon-tile:focus-within .uk-icon,
.mmd-fx-hover-icon-tile.mmd-fx-icon-always .uk-icon {
    --mmd-fx-tile-mix: 1;
    color: var(--mmd-fx-accent, currentColor);
}
.mmd-fx-hover-icon-ring .uk-icon {
    position: relative;
    border-radius: var(--mmd-fx-halo-radius, 999px);
}
.mmd-fx-hover-icon-ring .uk-icon::after {
    content: '';
    position: absolute;
    inset: calc(var(--mmd-fx-ring-spread, 0px) * -1);
    border: var(--mmd-fx-icon-ring-width, 2px) solid color-mix(in srgb, var(--mmd-fx-accent, currentColor) calc(var(--mmd-fx-ring-alpha, 0) * 100%), transparent);
    border-radius: inherit;
    pointer-events: none;
}
.mmd-fx-hover-icon-ring:hover .uk-icon::after,
.mmd-fx-hover-icon-ring:focus-within .uk-icon::after {
    animation: mmd-fx-icon-ring var(--mmd-fx-icon-ring-duration, 0.8s) ease-out;
}
@keyframes mmd-fx-icon-ring {
    from {
        --mmd-fx-ring-spread: 0px;
        --mmd-fx-ring-alpha: 0.55;
    }
    to {
        --mmd-fx-ring-spread: var(--mmd-fx-icon-ring-size, 1.25em);
        --mmd-fx-ring-alpha: 0;
    }
}
.mmd-fx-hover-icon-glow .uk-icon,
.mmd-fx-hover-icon-glow .el-image svg {
    transition-property: filter, color;
}
.mmd-fx-hover-icon-glow:hover .uk-icon,
.mmd-fx-hover-icon-glow:focus-within .uk-icon,
.mmd-fx-hover-icon-glow:hover .el-image svg,
.mmd-fx-hover-icon-glow:focus-within .el-image svg,
.mmd-fx-hover-icon-glow.mmd-fx-icon-always .uk-icon,
.mmd-fx-hover-icon-glow.mmd-fx-icon-always .el-image svg {
    color: var(--mmd-fx-accent, currentColor);
    filter: drop-shadow(0 0 var(--mmd-fx-icon-glow-size, 0.5em) var(--mmd-fx-accent, currentColor));
}
.mmd-fx-hover-icon-bounce:hover .uk-icon,
.mmd-fx-hover-icon-bounce:focus-within .uk-icon,
.mmd-fx-hover-icon-bounce:hover .el-image svg,
.mmd-fx-hover-icon-bounce:focus-within .el-image svg {
    animation: mmd-fx-icon-bounce var(--mmd-fx-icon-move-duration, 0.6s) ease-out;
}
@keyframes mmd-fx-icon-bounce {
    30% {
        transform: translateY(calc(var(--mmd-fx-icon-hop, 0.3em) * -1));
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(calc(var(--mmd-fx-icon-hop, 0.3em) * -0.35));
    }
}
.mmd-fx-hover-icon-wiggle:hover .uk-icon,
.mmd-fx-hover-icon-wiggle:focus-within .uk-icon,
.mmd-fx-hover-icon-wiggle:hover .el-image svg,
.mmd-fx-hover-icon-wiggle:focus-within .el-image svg {
    animation: mmd-fx-icon-wiggle var(--mmd-fx-icon-move-duration, 0.6s) ease-in-out;
}
@keyframes mmd-fx-icon-wiggle {
    25% {
        transform: rotate(var(--mmd-fx-icon-angle, 12deg));
    }
    50% {
        transform: rotate(calc(var(--mmd-fx-icon-angle, 12deg) * -1));
    }
    75% {
        transform: rotate(calc(var(--mmd-fx-icon-angle, 12deg) / 3));
    }
}
.mmd-fx-hover-icon-swap:hover .uk-icon,
.mmd-fx-hover-icon-swap:focus-within .uk-icon,
.mmd-fx-hover-icon-swap:hover .el-image svg,
.mmd-fx-hover-icon-swap:focus-within .el-image svg {
    animation: mmd-fx-icon-swap var(--mmd-fx-icon-move-duration, 0.6s) ease-in-out;
}
@keyframes mmd-fx-icon-swap {
    45% {
        opacity: 0;
        transform: translateX(var(--mmd-fx-icon-fly, 0.8em));
    }
    46% {
        opacity: 0;
        transform: translateX(calc(var(--mmd-fx-icon-fly, 0.8em) * -1));
    }
}
.mmd-fx-hover-icon-draw:hover .uk-icon svg *,
.mmd-fx-hover-icon-draw:focus-within .uk-icon svg *,
.mmd-fx-hover-icon-draw:hover .el-image svg *,
.mmd-fx-hover-icon-draw:focus-within .el-image svg * {
    animation: mmd-fx-icon-draw var(--mmd-fx-icon-draw-duration, 1s) ease-in-out;
}
@keyframes mmd-fx-icon-draw {
    from {
        stroke-dasharray: var(--mmd-fx-icon-draw-length, 200);
        stroke-dashoffset: var(--mmd-fx-icon-draw-length, 200);
    }
    to {
        stroke-dasharray: var(--mmd-fx-icon-draw-length, 200);
        stroke-dashoffset: 0;
    }
}
.mmd-fx-hover-icon-gradient .uk-icon {
    padding: var(--mmd-fx-tile-size, 0.75em);
    margin: calc(var(--mmd-fx-tile-size, 0.75em) * -1);
    border-radius: var(--mmd-fx-tile-radius, 12px);
    background-image: linear-gradient(var(--mmd-fx-tile-angle, 135deg), var(--mmd-fx-tile-from, #6ee7ff), var(--mmd-fx-tile-to, #a78bfa));
    color: var(--mmd-fx-tile-icon-color, #ffffff);
    transition-property: box-shadow, transform;
}
.mmd-fx-hover-icon-gradient:hover .uk-icon,
.mmd-fx-hover-icon-gradient:focus-within .uk-icon,
.mmd-fx-hover-icon-gradient.mmd-fx-icon-always .uk-icon {
    box-shadow: 0 0 var(--mmd-fx-tile-glow, 1.25em) color-mix(in srgb, var(--mmd-fx-tile-to, #a78bfa) 55%, transparent);
}
.mmd-fx-hover-icon-ring.mmd-fx-icon-always .uk-icon::after {
    animation: mmd-fx-icon-ring-loop var(--mmd-fx-icon-loop, 3s) ease-out infinite;
}
.mmd-fx-hover-icon-bounce.mmd-fx-icon-always .uk-icon,
.mmd-fx-hover-icon-bounce.mmd-fx-icon-always .el-image svg {
    animation: mmd-fx-icon-bounce-loop var(--mmd-fx-icon-loop, 3s) ease-out infinite;
}
.mmd-fx-hover-icon-wiggle.mmd-fx-icon-always .uk-icon,
.mmd-fx-hover-icon-wiggle.mmd-fx-icon-always .el-image svg {
    animation: mmd-fx-icon-wiggle-loop var(--mmd-fx-icon-loop, 3s) ease-in-out infinite;
}
.mmd-fx-hover-icon-swap.mmd-fx-icon-always .uk-icon,
.mmd-fx-hover-icon-swap.mmd-fx-icon-always .el-image svg {
    animation: mmd-fx-icon-swap-loop var(--mmd-fx-icon-loop, 3s) ease-in-out infinite;
}
.mmd-fx-hover-icon-draw.mmd-fx-icon-always .uk-icon svg *,
.mmd-fx-hover-icon-draw.mmd-fx-icon-always .el-image svg * {
    animation: mmd-fx-icon-draw-loop var(--mmd-fx-icon-loop, 3s) ease-in-out infinite;
}
.mmd-fx-icon-always:hover .uk-icon,
.mmd-fx-icon-always:hover .uk-icon::after,
.mmd-fx-icon-always:focus-within .uk-icon::after,
.mmd-fx-icon-always:focus-within .uk-icon,
.mmd-fx-icon-always:hover .el-image svg,
.mmd-fx-icon-always:focus-within .el-image svg,
.mmd-fx-icon-always:hover .uk-icon svg *,
.mmd-fx-icon-always:hover .el-image svg * {
    animation-play-state: paused;
}
@keyframes mmd-fx-icon-ring-loop {
    0% {
        --mmd-fx-ring-spread: 0px;
        --mmd-fx-ring-alpha: 0.55;
    }
    30%,
    100% {
        --mmd-fx-ring-spread: var(--mmd-fx-icon-ring-size, 1.25em);
        --mmd-fx-ring-alpha: 0;
    }
}
@keyframes mmd-fx-icon-bounce-loop {
    10% {
        transform: translateY(calc(var(--mmd-fx-icon-hop, 0.3em) * -1));
    }
    20% {
        transform: translateY(0);
    }
    26% {
        transform: translateY(calc(var(--mmd-fx-icon-hop, 0.3em) * -0.35));
    }
    32% {
        transform: translateY(0);
    }
}
@keyframes mmd-fx-icon-wiggle-loop {
    8% {
        transform: rotate(var(--mmd-fx-icon-angle, 12deg));
    }
    16% {
        transform: rotate(calc(var(--mmd-fx-icon-angle, 12deg) * -1));
    }
    24% {
        transform: rotate(calc(var(--mmd-fx-icon-angle, 12deg) / 3));
    }
    32% {
        transform: rotate(0);
    }
}
@keyframes mmd-fx-icon-swap-loop {
    14% {
        opacity: 0;
        transform: translateX(var(--mmd-fx-icon-fly, 0.8em));
    }
    15% {
        opacity: 0;
        transform: translateX(calc(var(--mmd-fx-icon-fly, 0.8em) * -1));
    }
    30% {
        opacity: 1;
        transform: none;
    }
}
@keyframes mmd-fx-icon-draw-loop {
    0% {
        stroke-dasharray: var(--mmd-fx-icon-draw-length, 200);
        stroke-dashoffset: var(--mmd-fx-icon-draw-length, 200);
    }
    35% {
        stroke-dasharray: var(--mmd-fx-icon-draw-length, 200);
        stroke-dashoffset: 0;
    }
}
.mmd-fx-hover-zoom :is(img.el-image, .el-image img) {
    transition-property: transform;
}
.mmd-fx-hover-zoom:hover :is(img.el-image, .el-image img),
.mmd-fx-hover-zoom:focus-within :is(img.el-image, .el-image img) {
    transform: scale(var(--mmd-fx-hover-zoom, 1.04));
}
.mmd-fx-hover-image :is(img.el-image, .el-image img) {
    filter: saturate(var(--mmd-fx-hover-saturate-from, 0.25));
    transition-property: filter;
}
.mmd-fx-hover-image:hover :is(img.el-image, .el-image img),
.mmd-fx-hover-image:focus-within :is(img.el-image, .el-image img) {
    filter: saturate(var(--mmd-fx-hover-saturate-to, 1));
}
.mmd-fx-hover-title .el-title {
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: var(--mmd-fx-underline-width, 2px);
    text-underline-offset: var(--mmd-fx-underline-offset, 0.2em);
    transition-property: text-decoration-color, transform;
}
.mmd-fx-hover-title:hover .el-title,
.mmd-fx-hover-title:focus-within .el-title {
    text-decoration-color: currentColor;
    transform: translateX(var(--mmd-fx-hover-shift, 0.25rem));
}
.mmd-fx-hover-lift {
    transition-property: transform, box-shadow;
}
.mmd-fx-hover-lift:hover,
.mmd-fx-hover-lift:focus-within {
    transform: translateY(var(--mmd-fx-lift-distance, -4px));
    box-shadow: var(--mmd-fx-lift-shadow, 0 12px 32px rgb(0 0 0 / 12%));
}
@media (hover: hover) {
    .mmd-fx-hover-more .el-meta,
    .mmd-fx-hover-more .el-content {
        opacity: var(--mmd-fx-more-from, 0.55);
        transition-property: opacity, transform;
        transform: translateY(var(--mmd-fx-more-distance, 0.25rem));
    }
    .mmd-fx-hover-more:hover .el-meta,
    .mmd-fx-hover-more:focus-within .el-meta,
    .mmd-fx-hover-more:hover .el-content,
    .mmd-fx-hover-more:focus-within .el-content {
        opacity: 1;
        transform: translateY(0);
    }
    .mmd-fx-hover-sheen {
        position: relative;
        isolation: isolate;
    }
    .mmd-fx-hover-sheen::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: var(--mmd-fx-sheen-layer, 1);
        pointer-events: none;
        border-radius: inherit;
        background-image: linear-gradient(
            var(--mmd-fx-sheen-angle, 105deg),
            transparent 40%,
            var(--mmd-fx-sheen-color, rgb(255 255 255 / 28%)) 50%,
            transparent 60%
        );
        background-repeat: no-repeat;
        background-size: 300% 100%;
        background-position: 150% 0;
        transition-property: background-position;
        transition-duration: var(--mmd-fx-sheen-duration, 0.7s);
        transition-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
    }
    .mmd-fx-hover-sheen:hover::after,
    .mmd-fx-hover-sheen:focus-within::after {
        background-position: -150% 0;
    }
}
@property --mmd-fx-btn-lift-mix {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
}
.mmd-fx-btn-fill .uk-button,
.mmd-fx-btn-fill.uk-button,
.mmd-fx-btn-fill-up .uk-button,
.mmd-fx-btn-fill-up.uk-button {
    background-image: linear-gradient(var(--mmd-fx-btn-fill, #1e87f0), var(--mmd-fx-btn-fill, #1e87f0));
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0% 100%;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, background-size var(--mmd-fx-duration-fast, 0.3s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-btn-fill-up .uk-button,
.mmd-fx-btn-fill-up.uk-button {
    background-size: 100% 0%;
}
.mmd-fx-btn-fill .uk-button:hover,
.mmd-fx-btn-fill .uk-button:focus-visible,
.mmd-fx-btn-fill.uk-button:hover,
.mmd-fx-btn-fill.uk-button:focus-visible,
.mmd-fx-btn-fill-up .uk-button:hover,
.mmd-fx-btn-fill-up .uk-button:focus-visible,
.mmd-fx-btn-fill-up.uk-button:hover,
.mmd-fx-btn-fill-up.uk-button:focus-visible {
    background-size: 100% 100%;
    color: var(--mmd-fx-btn-fill-color, #fff);
}
@property --mmd-fx-btn-draw-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
.mmd-fx-btn-shine .uk-button,
.mmd-fx-btn-shine.uk-button,
.mmd-fx-btn-draw .uk-button,
.mmd-fx-btn-draw.uk-button {
    position: relative;
    isolation: isolate;
}
.mmd-fx-btn-shine .uk-button::before,
.mmd-fx-btn-shine.uk-button::before,
.mmd-fx-btn-draw .uk-button::before,
.mmd-fx-btn-draw.uk-button::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
}
.mmd-fx-btn-shine .uk-button::before,
.mmd-fx-btn-shine.uk-button::before {
    z-index: -1;
    background: linear-gradient(115deg, transparent 40%, var(--mmd-fx-btn-shine-color, rgba(255, 255, 255, 0.45)) 50%, transparent 60%) no-repeat 150% 0 / 250% 100%;
    transition: background-position 0s;
}
.mmd-fx-btn-shine .uk-button:hover::before,
.mmd-fx-btn-shine .uk-button:focus-visible::before,
.mmd-fx-btn-shine.uk-button:hover::before,
.mmd-fx-btn-shine.uk-button:focus-visible::before {
    background-position: -50% 0;
    transition: background-position var(--mmd-fx-btn-shine-duration, 0.8s) ease;
}
.mmd-fx-btn-draw .uk-button::before,
.mmd-fx-btn-draw.uk-button::before {
    border: var(--mmd-fx-btn-draw-width, 2px) solid var(--mmd-fx-btn-draw-color, currentColor);
    -webkit-mask: conic-gradient(#000 var(--mmd-fx-btn-draw-angle, 0deg), transparent 0);
    mask: conic-gradient(#000 var(--mmd-fx-btn-draw-angle, 0deg), transparent 0);
    transition: --mmd-fx-btn-draw-angle var(--mmd-fx-duration, 0.5s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-btn-draw .uk-button:hover::before,
.mmd-fx-btn-draw .uk-button:focus-visible::before,
.mmd-fx-btn-draw.uk-button:hover::before,
.mmd-fx-btn-draw.uk-button:focus-visible::before {
    --mmd-fx-btn-draw-angle: 360deg;
}
.mmd-fx-btn-arrow .uk-button::after,
.mmd-fx-btn-arrow.uk-button::after {
    content: '\2192' / '';
    display: inline-block;
    margin-inline-start: 0.5em;
    transition: transform var(--mmd-fx-duration-fast, 0.3s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-btn-arrow .uk-button:hover::after,
.mmd-fx-btn-arrow .uk-button:focus-visible::after,
.mmd-fx-btn-arrow.uk-button:hover::after,
.mmd-fx-btn-arrow.uk-button:focus-visible::after {
    transform: translateX(var(--mmd-fx-btn-shift, 4px));
}
.mmd-fx-btn-icon .uk-button .uk-icon,
.mmd-fx-btn-icon.uk-button .uk-icon {
    transition: transform var(--mmd-fx-duration-fast, 0.3s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-btn-icon .uk-button:hover .uk-icon:last-child,
.mmd-fx-btn-icon .uk-button:focus-visible .uk-icon:last-child,
.mmd-fx-btn-icon.uk-button:hover .uk-icon:last-child,
.mmd-fx-btn-icon.uk-button:focus-visible .uk-icon:last-child {
    transform: translateX(var(--mmd-fx-btn-shift, 4px));
}
.mmd-fx-btn-icon .uk-button:hover .uk-icon:first-child:not(:last-child),
.mmd-fx-btn-icon .uk-button:focus-visible .uk-icon:first-child:not(:last-child),
.mmd-fx-btn-icon.uk-button:hover .uk-icon:first-child:not(:last-child),
.mmd-fx-btn-icon.uk-button:focus-visible .uk-icon:first-child:not(:last-child) {
    transform: translateX(calc(var(--mmd-fx-btn-shift, 4px) * -1));
}
.mmd-fx-btn-lift .uk-button,
.mmd-fx-btn-lift.uk-button {
    transform: translateY(calc(var(--mmd-fx-btn-lift, 3px) * var(--mmd-fx-btn-lift-mix, 0) * -1));
    box-shadow: 0 calc(var(--mmd-fx-btn-lift, 3px) * 3 * var(--mmd-fx-btn-lift-mix, 0)) calc(var(--mmd-fx-btn-lift, 3px) * 6 * var(--mmd-fx-btn-lift-mix, 0)) calc(var(--mmd-fx-btn-lift, 3px) * -2) color-mix(in srgb, var(--mmd-fx-btn-shadow-color, currentColor) calc(var(--mmd-fx-btn-lift-mix, 0) * 40%), transparent);
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, --mmd-fx-btn-lift-mix var(--mmd-fx-duration-fast, 0.3s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-btn-lift .uk-button:hover,
.mmd-fx-btn-lift .uk-button:focus-visible,
.mmd-fx-btn-lift.uk-button:hover,
.mmd-fx-btn-lift.uk-button:focus-visible {
    --mmd-fx-btn-lift-mix: 1;
}
.mmd-fx-btn-stack .uk-button,
.mmd-fx-btn-stack.uk-button {
    box-shadow: 0 0 0 -2px transparent, 0 0 0 -4px transparent, 0 0 10px -3px transparent;
    transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out,
        translate var(--mmd-fx-btn-stack-duration, 0.4s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1)),
        box-shadow var(--mmd-fx-btn-stack-duration, 0.4s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-btn-stack .uk-button:is(:hover, :focus-visible),
.mmd-fx-btn-stack.uk-button:is(:hover, :focus-visible) {
    translate: 0 calc(var(--mmd-fx-btn-stack-lift, 10px) * -1);
    box-shadow: 0 calc(var(--mmd-fx-btn-stack-size, 10px) * 0.7) 0 -2px var(--mmd-fx-btn-stack-color-1, #f0506e), 0 calc(var(--mmd-fx-btn-stack-size, 10px) * 1.5) 0 -4px var(--mmd-fx-btn-stack-color-2, #1e87f0), 0 calc(var(--mmd-fx-btn-stack-size, 10px) * 1.6) 10px -3px var(--mmd-fx-btn-stack-color-2, #1e87f0);
}
.mmd-fx-btn-stack .uk-button:active,
.mmd-fx-btn-stack.uk-button:active {
    translate: 0 calc(var(--mmd-fx-btn-stack-lift, 10px) * -0.5);
    box-shadow: 0 calc(var(--mmd-fx-btn-stack-size, 10px) * 0.2) 0 -2px var(--mmd-fx-btn-stack-color-1, #f0506e), 0 calc(var(--mmd-fx-btn-stack-size, 10px) * 0.8) 0 -4px var(--mmd-fx-btn-stack-color-2, #1e87f0), 0 calc(var(--mmd-fx-btn-stack-size, 10px) * 1.2) 10px -3px var(--mmd-fx-btn-stack-color-2, #1e87f0);
}
.mmd-fx-btn-pulse .uk-button,
.mmd-fx-btn-pulse.uk-button {
    animation: mmd-fx-btn-pulse var(--mmd-fx-btn-pulse-duration, 1.4s) ease-out 3;
}
.mmd-fx-btn-pulse-smooth .uk-button,
.mmd-fx-btn-pulse-smooth.uk-button {
    animation: mmd-fx-btn-pulse-smooth var(--mmd-fx-btn-pulse-smooth-duration, 2.4s) 2;
}
.mmd-fx-btn-pulse .uk-button:hover,
.mmd-fx-btn-pulse .uk-button:focus-visible,
.mmd-fx-btn-pulse.uk-button:hover,
.mmd-fx-btn-pulse.uk-button:focus-visible {
    animation:
        mmd-fx-btn-pulse var(--mmd-fx-btn-pulse-duration, 1.4s) ease-out 3,
        mmd-fx-btn-pulse-hover var(--mmd-fx-btn-pulse-duration, 1.4s) ease-out;
}
.mmd-fx-btn-pulse-smooth .uk-button:hover,
.mmd-fx-btn-pulse-smooth .uk-button:focus-visible,
.mmd-fx-btn-pulse-smooth.uk-button:hover,
.mmd-fx-btn-pulse-smooth.uk-button:focus-visible {
    animation:
        mmd-fx-btn-pulse-smooth var(--mmd-fx-btn-pulse-smooth-duration, 2.4s) 2,
        mmd-fx-btn-pulse-smooth-hover var(--mmd-fx-btn-pulse-smooth-duration, 2.4s);
}
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop .uk-button,
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop.uk-button {
    animation: mmd-fx-btn-pulse var(--mmd-fx-btn-pulse-duration, 1.4s) ease-out infinite;
}
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop .uk-button,
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop.uk-button {
    animation: mmd-fx-btn-pulse-smooth var(--mmd-fx-btn-pulse-smooth-duration, 2.4s) infinite;
}
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop .uk-button:hover,
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop .uk-button:focus-visible,
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop.uk-button:hover,
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop.uk-button:focus-visible {
    animation: mmd-fx-btn-pulse var(--mmd-fx-btn-pulse-duration, 1.4s) ease-out infinite;
    animation-play-state: paused;
}
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop .uk-button:hover,
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop .uk-button:focus-visible,
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop.uk-button:hover,
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop.uk-button:focus-visible {
    animation: mmd-fx-btn-pulse-smooth var(--mmd-fx-btn-pulse-smooth-duration, 2.4s) infinite;
    animation-play-state: paused;
}
@keyframes mmd-fx-btn-pulse {
    from {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--mmd-fx-btn-pulse-color, #1e87f0) 70%, transparent);
    }
    to {
        box-shadow: 0 0 0 var(--mmd-fx-btn-pulse-size, 14px) transparent;
    }
}
@keyframes mmd-fx-btn-pulse-hover {
    from {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--mmd-fx-btn-pulse-color, #1e87f0) 70%, transparent);
    }
    to {
        box-shadow: 0 0 0 var(--mmd-fx-btn-pulse-size, 14px) transparent;
    }
}
@keyframes mmd-fx-btn-pulse-smooth {
    0% {
        box-shadow: 0 0 0 0 var(--mmd-fx-btn-pulse-color, #1e87f0);
    }
    70% {
        box-shadow: 0 0 0 var(--mmd-fx-btn-pulse-smooth-size, 10px) transparent;
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}
@keyframes mmd-fx-btn-pulse-smooth-hover {
    0% {
        box-shadow: 0 0 0 0 var(--mmd-fx-btn-pulse-color, #1e87f0);
    }
    70% {
        box-shadow: 0 0 0 var(--mmd-fx-btn-pulse-smooth-size, 10px) transparent;
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}
.mmd-fx-btn-press .uk-button:active,
.mmd-fx-btn-press.uk-button:active {
    scale: var(--mmd-fx-btn-press, 0.96);
}
.mmd-fx-btn-bubbles .uk-button,
.mmd-fx-btn-bubbles.uk-button {
    position: relative;
    isolation: isolate;
}
.mmd-fx-btn-bubbles .uk-button:is(:hover, :focus-visible)::before,
.mmd-fx-btn-bubbles.uk-button:is(:hover, :focus-visible)::before,
.mmd-fx-btn-bubbles .uk-button:is(:hover, :focus-visible)::after,
.mmd-fx-btn-bubbles.uk-button:is(:hover, :focus-visible)::after {
    content: '';
    position: absolute;
    left: -20%;
    right: -20%;
    z-index: -1;
    height: 70%;
    pointer-events: none;
    background-image:
        radial-gradient(circle, var(--mmd-fx-btn-bubble-color, #1e87f0) 62%, transparent 66%),
        radial-gradient(circle, transparent 42%, var(--mmd-fx-btn-bubble-color, #1e87f0) 46%, transparent 66%),
        radial-gradient(circle, var(--mmd-fx-btn-bubble-color, #1e87f0) 62%, transparent 66%),
        radial-gradient(circle, var(--mmd-fx-btn-bubble-color, #1e87f0) 62%, transparent 66%),
        radial-gradient(circle, transparent 42%, var(--mmd-fx-btn-bubble-color, #1e87f0) 46%, transparent 66%),
        radial-gradient(circle, var(--mmd-fx-btn-bubble-color, #1e87f0) 62%, transparent 66%);
    background-repeat: no-repeat;
    background-size: 0 0;
    background-position: 2% 0, 18% 10%, 36% 0, 60% 5%, 80% 0, 98% 20%;
    animation: mmd-fx-btn-bubbles-up var(--mmd-fx-btn-bubble-duration, 0.6s) ease-out;
}
.mmd-fx-btn-bubbles .uk-button:is(:hover, :focus-visible)::before,
.mmd-fx-btn-bubbles.uk-button:is(:hover, :focus-visible)::before {
    bottom: 100%;
}
.mmd-fx-btn-bubbles .uk-button:is(:hover, :focus-visible)::after,
.mmd-fx-btn-bubbles.uk-button:is(:hover, :focus-visible)::after {
    top: 100%;
    background-position: 0 100%, 22% 90%, 44% 100%, 64% 95%, 84% 100%, 100% 80%;
    animation-name: mmd-fx-btn-bubbles-down;
}
@keyframes mmd-fx-btn-bubbles-up {
    from {
        background-size: calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.8) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.8), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.4) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.4), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.2) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.2), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.3) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.3), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7);
        background-position: 12% 100%, 26% 100%, 42% 100%, 58% 100%, 74% 100%, 88% 100%;
    }
    55% {
        background-size: calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.5599999999999999) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.5599999999999999), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9799999999999999) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9799999999999999), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.84) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.84), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9099999999999999) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9099999999999999), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.48999999999999994) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.48999999999999994);
    }
}
@keyframes mmd-fx-btn-bubbles-down {
    from {
        background-size: calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.3) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.3), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.2) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.2), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1), calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.4) calc(var(--mmd-fx-btn-bubble-size, 10px) * 1.4), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.8) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.8);
        background-position: 12% 0, 26% 0, 42% 0, 58% 0, 74% 0, 88% 0;
    }
    55% {
        background-size: calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.48999999999999994) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.48999999999999994), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9099999999999999) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9099999999999999), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.84) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.84), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.7), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9799999999999999) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.9799999999999999), calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.5599999999999999) calc(var(--mmd-fx-btn-bubble-size, 10px) * 0.5599999999999999);
    }
}
.mmd-fx-nav-pill,
.uk-navbar-nav > li > a.mmd-fx-nav-pill {
    position: relative;
    isolation: isolate;
    padding-inline: var(--mmd-fx-nav-pill-padding, 1em);
}
.mmd-fx-nav-pill::before {
    content: '';
    position: absolute;
    inset-inline: 0;
    top: 50%;
    z-index: -1;
    height: var(--mmd-fx-nav-pill-height, 2.5em);
    translate: 0 -50%;
    border-radius: var(--mmd-fx-nav-pill-radius, 999px);
    background: var(--mmd-fx-nav-pill-background, rgba(0, 0, 0, 0.06));
    transition: background-color var(--mmd-fx-duration-fast, 0.3s);
    pointer-events: none;
}
.mmd-fx-nav-pill:hover::before,
.mmd-fx-nav-pill:focus-visible::before {
    background: var(--mmd-fx-nav-pill-hover-background, rgba(0, 0, 0, 0.1));
}
.mmd-fx-anim-beat {
    --mmd-fx-anim: mmd-fx-badge-beat var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-beat-fade {
    --mmd-fx-anim: mmd-fx-badge-beat-fade var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-fade {
    --mmd-fx-anim: mmd-fx-badge-fade var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-bounce {
    --mmd-fx-anim: mmd-fx-badge-bounce var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-flip {
    --mmd-fx-anim: mmd-fx-badge-flip var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-flip-360 {
    --mmd-fx-anim: mmd-fx-badge-flip-360 var(--mmd-fx-anim-duration, 1s) linear var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-shake {
    --mmd-fx-anim: mmd-fx-badge-shake var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-spin {
    --mmd-fx-anim: mmd-fx-badge-spin var(--mmd-fx-anim-duration, 1s) linear var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-spin-reverse {
    --mmd-fx-anim: mmd-fx-badge-spin-reverse var(--mmd-fx-anim-duration, 1s) linear var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-buzz {
    --mmd-fx-anim: mmd-fx-badge-buzz var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-float {
    --mmd-fx-anim: mmd-fx-badge-float var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-jello {
    --mmd-fx-anim: mmd-fx-badge-jello var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-swing {
    --mmd-fx-anim: mmd-fx-badge-swing var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
.mmd-fx-anim-wag {
    --mmd-fx-anim: mmd-fx-badge-wag var(--mmd-fx-anim-duration, 1s) var(--mmd-fx-anim-ease, ease-in-out) var(--mmd-fx-anim-count, 3);
}
:is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag) {
    --mmd-fx-blob-fx-scale: var(--mmd-fx-anim-scale, 1.25);
    --mmd-fx-blob-fx-opacity: var(--mmd-fx-anim-opacity, 0.4);
    --mmd-fx-blob-fx-distance: var(--mmd-fx-anim-distance, 0.5em);
    --mmd-fx-blob-fx-angle: var(--mmd-fx-anim-angle, 15deg);
}
.mmd-fx-anim-loop {
    --mmd-fx-anim-count: infinite;
}
:is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag):where(:not([uk-scrollspy]), .uk-scrollspy-inview):where(:not(:has(> .uk-button, > * > .el-item > .uk-button))),
:is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag):where(:not([uk-scrollspy]), .uk-scrollspy-inview) > .uk-button,
:is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag):where(:not([uk-scrollspy]), .uk-scrollspy-inview) > * > .el-item > .uk-button {
    animation: var(--mmd-fx-anim, none);
}
.mmd-fx-anim-loop:hover,
.mmd-fx-anim-loop:focus-within,
.mmd-fx-anim-loop:hover > .uk-button,
.mmd-fx-anim-loop:focus-within > .uk-button,
.mmd-fx-anim-loop:hover > * > .el-item > .uk-button,
.mmd-fx-anim-loop:focus-within > * > .el-item > .uk-button {
    animation-play-state: paused;
}
.mmd-fx-anim-swing,
.mmd-fx-anim-swing > .uk-button {
    transform-origin: top center;
}
.mmd-fx-anim-wag,
.mmd-fx-anim-wag > .uk-button {
    transform-origin: bottom center;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    .mmd-fx-gradient-text,
    .mmd-fx-gradient-text-animated {
        background-image: linear-gradient(
            var(--mmd-fx-gradient-angle, 90deg),
            var(--mmd-fx-gradient-from, currentColor),
            var(--mmd-fx-gradient-to, color-mix(in srgb, currentColor 45%, transparent))
        );
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .mmd-fx-gradient-text-animated {
        background-size: var(--mmd-fx-gradient-size, 250%) 100%;
        animation-name: mmd-fx-gradient-move;
        animation-duration: var(--mmd-fx-gradient-duration, 1.4s);
        animation-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
        animation-iteration-count: var(--mmd-fx-gradient-loops, 3);
        animation-fill-mode: backwards;
    }
    .mmd-fx-text-image {
        background-image: var(--mmd-fx-text-image, linear-gradient(currentColor, currentColor));
        background-size: var(--mmd-fx-text-image-size, cover);
        background-position: var(--mmd-fx-text-image-position, 50% 50%);
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .mmd-fx-shine {
        background-image: linear-gradient(
            var(--mmd-fx-shine-angle, 100deg),
            currentColor 40%,
            var(--mmd-fx-shine-color, color-mix(in srgb, currentColor 30%, transparent)) 50%,
            currentColor 60%
        );
        background-size: 300% 100%;
        background-position: -50% 0;
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
        animation-name: mmd-fx-shine-move;
        animation-duration: var(--mmd-fx-shine-duration, 1.4s);
        animation-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
        animation-fill-mode: backwards;
    }
}
@keyframes mmd-fx-gradient-move {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}
@keyframes mmd-fx-shine-move {
    from { background-position: 150% 0; }
    to { background-position: -50% 0; }
}
@supports (-webkit-text-stroke: 1px currentColor) {
    .mmd-fx-outline-text {
        -webkit-text-stroke: var(--mmd-fx-outline-width, 1px) var(--mmd-fx-outline-color, currentColor);
        -webkit-text-fill-color: var(--mmd-fx-outline-fill, transparent);
    }
}
.mmd-fx-marker {
    background-image: linear-gradient(
        transparent var(--mmd-fx-marker-top, 62%),
        var(--mmd-fx-marker-color, color-mix(in srgb, currentColor 18%, transparent)) var(--mmd-fx-marker-top, 62%)
    );
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
}
.mmd-fx-underline a,
.mmd-fx-underline-wavy a,
.mmd-fx-underline-grow a {
    text-decoration-thickness: var(--mmd-fx-underline-width, 2px);
    text-underline-offset: var(--mmd-fx-underline-offset, 0.2em);
}
.mmd-fx-underline a,
.mmd-fx-underline-wavy a {
    text-decoration-line: underline;
    text-decoration-color: transparent;
    transition-property: text-decoration-color;
    transition-duration: var(--mmd-fx-motion-duration-fast, 0.3s);
    transition-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-underline-wavy a {
    text-decoration-style: wavy;
}
.mmd-fx-underline a:hover,
.mmd-fx-underline a:focus-visible,
.mmd-fx-underline-wavy a:hover,
.mmd-fx-underline-wavy a:focus-visible {
    text-decoration-color: var(--mmd-fx-underline-color, currentColor);
}
.mmd-fx-underline-grow a {
    background-image: linear-gradient(var(--mmd-fx-underline-color, currentColor), var(--mmd-fx-underline-color, currentColor));
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0 var(--mmd-fx-underline-width, 2px);
    transition-property: background-size;
    transition-duration: var(--mmd-fx-motion-duration-fast, 0.3s);
    transition-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
}
.mmd-fx-underline-grow a:hover,
.mmd-fx-underline-grow a:focus-visible {
    background-size: 100% var(--mmd-fx-underline-width, 2px);
}
.mmd-fx-underline-keep.mmd-fx-underline a,
.mmd-fx-underline-keep.mmd-fx-underline-wavy a {
    text-decoration-color: var(--mmd-fx-underline-color, currentColor);
}
.mmd-fx-underline-keep.mmd-fx-underline-grow a {
    background-size: 100% var(--mmd-fx-underline-width, 2px);
}
.mmd-fx-underline-keep.mmd-fx-underline a:hover,
.mmd-fx-underline-keep.mmd-fx-underline a:focus-visible,
.mmd-fx-underline-keep.mmd-fx-underline-wavy a:hover,
.mmd-fx-underline-keep.mmd-fx-underline-wavy a:focus-visible {
    animation-name: mmd-fx-underline-again;
    animation-duration: var(--mmd-fx-motion-duration-fast, 0.3s);
    animation-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
    animation-fill-mode: backwards;
}
.mmd-fx-underline-keep.mmd-fx-underline-grow a:hover,
.mmd-fx-underline-keep.mmd-fx-underline-grow a:focus-visible {
    animation-name: mmd-fx-underline-sweep;
    animation-duration: var(--mmd-fx-motion-duration-fast, 0.3s);
    animation-timing-function: var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
    animation-fill-mode: backwards;
}
@keyframes mmd-fx-underline-again {
    from { text-decoration-color: transparent; }
}
@keyframes mmd-fx-underline-sweep {
    from { background-size: 0 var(--mmd-fx-underline-width, 2px); }
}
[class*="mmd-fx-fluid-text"],
[class*="mmd-fx-fluid-text"] .el-title {
    --mmd-fx-fluid-slope:
        calc((var(--mmd-fx-fluid-max, 1.5) - var(--mmd-fx-fluid-min, 1.125)) * 16
        / (var(--mmd-fx-fluid-vw-max, 1600) - var(--mmd-fx-fluid-vw-min, 360)));
    font-size: clamp(
        calc(var(--mmd-fx-fluid-min, 1.125) * 1rem),
        calc((var(--mmd-fx-fluid-min, 1.125) - var(--mmd-fx-fluid-slope, 0.004839) * var(--mmd-fx-fluid-vw-min, 360) / 16) * 1rem
            + var(--mmd-fx-fluid-slope, 0.004839) * 100vw),
        calc(var(--mmd-fx-fluid-max, 1.5) * 1rem)
    );
}
@supports selector(:has(*)) {
    [class*="mmd-fx-fluid-text"]:has(.el-title) {
        font-size: inherit;
    }
}
.mmd-fx-fluid-text-s {
    --mmd-fx-fluid-min: 0.9375;
    --mmd-fx-fluid-max: 1.125;
}
.mmd-fx-fluid-text-m {
    --mmd-fx-fluid-min: 1.125;
    --mmd-fx-fluid-max: 1.5;
}
.mmd-fx-fluid-text-l {
    --mmd-fx-fluid-min: 1.5;
    --mmd-fx-fluid-max: 2.25;
}
.mmd-fx-fluid-text-xl {
    --mmd-fx-fluid-min: 2;
    --mmd-fx-fluid-max: 4.5;
}
[class*="mmd-fx-fluid-space"] {
    --mmd-fx-space-slope:
        calc((var(--mmd-fx-space-max, 3) - var(--mmd-fx-space-min, 1)) * 16
        / (var(--mmd-fx-fluid-vw-max, 1600) - var(--mmd-fx-fluid-vw-min, 360)));
}
.mmd-fx-fluid-space {
    margin-block: clamp(
        calc(var(--mmd-fx-space-min, 1) * 1rem),
        calc((var(--mmd-fx-space-min, 1) - var(--mmd-fx-space-slope, 0.025806) * var(--mmd-fx-fluid-vw-min, 360) / 16) * 1rem
            + var(--mmd-fx-space-slope, 0.025806) * 100vw),
        calc(var(--mmd-fx-space-max, 3) * 1rem)
    );
}
.mmd-fx-fluid-space-top {
    margin-block-start: clamp(
        calc(var(--mmd-fx-space-min, 1) * 1rem),
        calc((var(--mmd-fx-space-min, 1) - var(--mmd-fx-space-slope, 0.025806) * var(--mmd-fx-fluid-vw-min, 360) / 16) * 1rem
            + var(--mmd-fx-space-slope, 0.025806) * 100vw),
        calc(var(--mmd-fx-space-max, 3) * 1rem)
    );
}
.mmd-fx-fluid-space-bottom {
    margin-block-end: clamp(
        calc(var(--mmd-fx-space-min, 1) * 1rem),
        calc((var(--mmd-fx-space-min, 1) - var(--mmd-fx-space-slope, 0.025806) * var(--mmd-fx-fluid-vw-min, 360) / 16) * 1rem
            + var(--mmd-fx-space-slope, 0.025806) * 100vw),
        calc(var(--mmd-fx-space-max, 3) * 1rem)
    );
}
.mmd-fx-fluid-padding {
    --mmd-fx-pad-slope:
        calc((var(--mmd-fx-pad-max, 5) - var(--mmd-fx-pad-min, 1.5)) * 16
        / (var(--mmd-fx-fluid-vw-max, 1600) - var(--mmd-fx-fluid-vw-min, 360)));
    padding-block: clamp(
        calc(var(--mmd-fx-pad-min, 1.5) * 1rem),
        calc((var(--mmd-fx-pad-min, 1.5) - var(--mmd-fx-pad-slope, 0.045161) * var(--mmd-fx-fluid-vw-min, 360) / 16) * 1rem
            + var(--mmd-fx-pad-slope, 0.045161) * 100vw),
        calc(var(--mmd-fx-pad-max, 5) * 1rem)
    );
}
.mmd-fx-grain {
    background-color: var(--mmd-fx-grain-base, transparent);
    background-image:
        radial-gradient(circle at 15% 35%, var(--mmd-fx-grain-color, color-mix(in srgb, currentColor 35%, transparent)) 0.6px, transparent 0.6px),
        radial-gradient(circle at 55% 75%, var(--mmd-fx-grain-color, color-mix(in srgb, currentColor 35%, transparent)) 0.5px, transparent 0.5px),
        radial-gradient(circle at 80% 20%, var(--mmd-fx-grain-color, color-mix(in srgb, currentColor 35%, transparent)) 0.7px, transparent 0.7px),
        radial-gradient(circle at 30% 90%, var(--mmd-fx-grain-color, color-mix(in srgb, currentColor 35%, transparent)) 0.5px, transparent 0.5px);
    background-size: var(--mmd-fx-grain-size, 6px) var(--mmd-fx-grain-size, 6px);
}
.mmd-fx-dots {
    background-color: var(--mmd-fx-dots-base, transparent);
    background-image: radial-gradient(
        var(--mmd-fx-dots-color, color-mix(in srgb, currentColor 30%, transparent)) var(--mmd-fx-dots-radius, 1.5px),
        transparent var(--mmd-fx-dots-radius, 1.5px)
    );
    background-size: var(--mmd-fx-dots-gap, 22px) var(--mmd-fx-dots-gap, 22px);
}
.mmd-fx-grid {
    background-color: var(--mmd-fx-grid-base, transparent);
    background-image:
        linear-gradient(var(--mmd-fx-grid-color, color-mix(in srgb, currentColor 18%, transparent)) 1px, transparent 1px),
        linear-gradient(90deg, var(--mmd-fx-grid-color, color-mix(in srgb, currentColor 18%, transparent)) 1px, transparent 1px);
    background-size: var(--mmd-fx-grid-size, 32px) var(--mmd-fx-grid-size, 32px);
}
.mmd-fx-grid-fade {
    position: relative;
    isolation: isolate;
}
.mmd-fx-grid-fade::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(90deg, var(--mmd-fx-grid-fade-color, color-mix(in srgb, currentColor 14%, transparent)) var(--mmd-fx-grid-fade-line, 1px), transparent var(--mmd-fx-grid-fade-line, 1px)),
        linear-gradient(var(--mmd-fx-grid-fade-color, color-mix(in srgb, currentColor 14%, transparent)) var(--mmd-fx-grid-fade-line, 1px), transparent var(--mmd-fx-grid-fade-line, 1px));
    background-size: var(--mmd-fx-grid-fade-x, 20px) var(--mmd-fx-grid-fade-y, 30px);
    -webkit-mask-image: radial-gradient(var(--mmd-fx-grid-fade-shape, ellipse 70% 60% at 50% 0%), #000 var(--mmd-fx-grid-fade-start, 60%), transparent 100%);
    mask-image: radial-gradient(var(--mmd-fx-grid-fade-shape, ellipse 70% 60% at 50% 0%), #000 var(--mmd-fx-grid-fade-start, 60%), transparent 100%);
}
.mmd-fx-stars {
    background-color: var(--mmd-fx-stars-base, #0b1020);
    background-image:
        radial-gradient(circle at calc(23px * var(--mmd-fx-stars-scale, 1)) calc(41px * var(--mmd-fx-stars-scale, 1)), var(--mmd-fx-stars-color, #fff) 0 0.6px, transparent 1.2px),
        radial-gradient(circle at calc(88px * var(--mmd-fx-stars-scale, 1)) calc(102px * var(--mmd-fx-stars-scale, 1)), var(--mmd-fx-stars-color, #fff) 0 0.6px, transparent 1.2px),
        radial-gradient(circle at calc(119px * var(--mmd-fx-stars-scale, 1)) calc(19px * var(--mmd-fx-stars-scale, 1)), var(--mmd-fx-stars-color, #fff) 0 0.6px, transparent 1.2px),
        radial-gradient(circle at calc(47px * var(--mmd-fx-stars-scale, 1)) calc(160px * var(--mmd-fx-stars-scale, 1)), var(--mmd-fx-stars-color, #fff) 0 1px, transparent 1.6px),
        radial-gradient(circle at calc(171px * var(--mmd-fx-stars-scale, 1)) calc(63px * var(--mmd-fx-stars-scale, 1)), var(--mmd-fx-stars-color, #fff) 0 1px, transparent 1.6px),
        radial-gradient(circle at calc(201px * var(--mmd-fx-stars-scale, 1)) calc(229px * var(--mmd-fx-stars-scale, 1)), var(--mmd-fx-stars-color, #fff) 0 1.5px, transparent 2.2px),
        radial-gradient(circle at calc(61px * var(--mmd-fx-stars-scale, 1)) calc(88px * var(--mmd-fx-stars-scale, 1)), var(--mmd-fx-stars-color, #fff) 0 1.5px, transparent 2.2px),
        radial-gradient(ellipse at 50% 120%, var(--mmd-fx-stars-horizon, #1b2735), transparent 70%);
    background-size:
        calc(137px * var(--mmd-fx-stars-scale, 1)) calc(137px * var(--mmd-fx-stars-scale, 1)),
        calc(137px * var(--mmd-fx-stars-scale, 1)) calc(137px * var(--mmd-fx-stars-scale, 1)),
        calc(137px * var(--mmd-fx-stars-scale, 1)) calc(137px * var(--mmd-fx-stars-scale, 1)),
        calc(211px * var(--mmd-fx-stars-scale, 1)) calc(211px * var(--mmd-fx-stars-scale, 1)),
        calc(211px * var(--mmd-fx-stars-scale, 1)) calc(211px * var(--mmd-fx-stars-scale, 1)),
        calc(293px * var(--mmd-fx-stars-scale, 1)) calc(293px * var(--mmd-fx-stars-scale, 1)),
        calc(293px * var(--mmd-fx-stars-scale, 1)) calc(293px * var(--mmd-fx-stars-scale, 1)),
        100% 100%;
    background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;
    animation: mmd-fx-stars-drift var(--mmd-fx-stars-duration, 60s) linear infinite;
}
@keyframes mmd-fx-stars-drift {
    from {
        background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
    }
    to {
        background-position:
            0 calc(-137px * var(--mmd-fx-stars-scale, 1)),
            0 calc(-137px * var(--mmd-fx-stars-scale, 1)),
            0 calc(-137px * var(--mmd-fx-stars-scale, 1)),
            0 calc(-422px * var(--mmd-fx-stars-scale, 1)),
            0 calc(-422px * var(--mmd-fx-stars-scale, 1)),
            0 calc(-879px * var(--mmd-fx-stars-scale, 1)),
            0 calc(-879px * var(--mmd-fx-stars-scale, 1)),
            0 0;
    }
}
.mmd-fx-glass {
    background-color: var(--mmd-fx-glass-tint, rgba(255, 255, 255, 0.14));
    backdrop-filter: blur(var(--mmd-fx-glass-blur, 14px));
    -webkit-backdrop-filter: blur(var(--mmd-fx-glass-blur, 14px));
}
@supports not (backdrop-filter: blur(1px)) {
    .mmd-fx-glass {
        background-color: var(--mmd-fx-glass-fallback, rgba(255, 255, 255, 0.85));
    }
}
@property --mmd-fx-border-glow-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
.mmd-fx-border-glow,
.mmd-fx-aurora,
.mmd-fx-electric {
    position: relative;
    isolation: isolate;
}
.mmd-fx-border-glow::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: var(--mmd-fx-border-glow-layer, 1);
    padding: var(--mmd-fx-border-glow-width, 2px);
    border-radius: inherit;
    pointer-events: none;
    background: conic-gradient(
        from var(--mmd-fx-border-glow-angle, 0deg),
        var(--mmd-fx-border-glow-color-1, #6ee7ff),
        var(--mmd-fx-border-glow-color-2, #a78bfa),
        var(--mmd-fx-border-glow-color-1, #6ee7ff)
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    animation: mmd-fx-border-glow-spin var(--mmd-fx-border-glow-duration, 4s) linear infinite;
}
@keyframes mmd-fx-border-glow-spin {
    to {
        --mmd-fx-border-glow-angle: 360deg;
    }
}
@property --mmd-fx-aurora-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
.mmd-fx-aurora::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    box-shadow:
        calc(cos(var(--mmd-fx-aurora-angle, 0deg)) * var(--mmd-fx-aurora-offset, 6px))
        calc(sin(var(--mmd-fx-aurora-angle, 0deg)) * var(--mmd-fx-aurora-offset, 6px))
        var(--mmd-fx-aurora-blur, 18px) var(--mmd-fx-aurora-spread, 4px) var(--mmd-fx-aurora-color-1, #6ee7ff),
        calc(cos(var(--mmd-fx-aurora-angle, 0deg) + 120deg) * var(--mmd-fx-aurora-offset, 6px))
        calc(sin(var(--mmd-fx-aurora-angle, 0deg) + 120deg) * var(--mmd-fx-aurora-offset, 6px))
        var(--mmd-fx-aurora-blur, 18px) var(--mmd-fx-aurora-spread, 4px) var(--mmd-fx-aurora-color-2, #a78bfa),
        calc(cos(var(--mmd-fx-aurora-angle, 0deg) + 240deg) * var(--mmd-fx-aurora-offset, 6px))
        calc(sin(var(--mmd-fx-aurora-angle, 0deg) + 240deg) * var(--mmd-fx-aurora-offset, 6px))
        var(--mmd-fx-aurora-blur, 18px) var(--mmd-fx-aurora-spread, 4px) var(--mmd-fx-aurora-color-3, #f472b6);
    animation: mmd-fx-aurora-spin var(--mmd-fx-aurora-duration, 18s) linear infinite;
}
@keyframes mmd-fx-aurora-spin {
    to {
        --mmd-fx-aurora-angle: 360deg;
    }
}
.mmd-fx-electric::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border: var(--mmd-fx-electric-width, 2px) solid var(--mmd-fx-electric-color, #dd8448);
    border-radius: inherit;
    pointer-events: none;
    box-shadow: 0 0 var(--mmd-fx-electric-glow, 12px) var(--mmd-fx-electric-color, #dd8448);
}
html.mmd-electric-ready .mmd-fx-electric::before {
    filter: url(#mmd-fx-electric-filter);
}
.mmd-fx-pulse,
.mmd-fx-pulse-attention {
    position: relative;
    isolation: isolate;
}
.mmd-fx-pulse::after,
.mmd-fx-pulse-attention::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    animation: mmd-fx-pulse var(--mmd-fx-pulse-duration, 2.5s) infinite;
}
.mmd-fx-pulse:hover::after,
.mmd-fx-pulse:focus-within::after,
.mmd-fx-pulse-attention:hover::after,
.mmd-fx-pulse-attention:focus-within::after {
    animation-play-state: paused;
}
:is(.mmd-fx-pulse, .mmd-fx-pulse-attention):has(> .uk-button, > * > .el-item > .uk-button)::after {
    content: none;
}
.mmd-fx-pulse > .uk-button,
.mmd-fx-pulse > * > .el-item > .uk-button,
.mmd-fx-pulse-attention > .uk-button,
.mmd-fx-pulse-attention > * > .el-item > .uk-button {
    animation: mmd-fx-pulse var(--mmd-fx-pulse-duration, 2.5s) infinite;
}
.mmd-fx-pulse-attention > .uk-button,
.mmd-fx-pulse-attention > * > .el-item > .uk-button {
    animation: mmd-fx-pulse-attention var(--mmd-fx-pulse-attention-duration, 1.4s) ease-out infinite;
}
.mmd-fx-pulse:hover > .uk-button,
.mmd-fx-pulse:focus-within > .uk-button,
.mmd-fx-pulse:hover > * > .el-item > .uk-button,
.mmd-fx-pulse:focus-within > * > .el-item > .uk-button,
.mmd-fx-pulse-attention:hover > .uk-button,
.mmd-fx-pulse-attention:focus-within > .uk-button,
.mmd-fx-pulse-attention:hover > * > .el-item > .uk-button,
.mmd-fx-pulse-attention:focus-within > * > .el-item > .uk-button {
    animation-play-state: paused;
}
.mmd-fx-pulse-attention::after {
    animation: mmd-fx-pulse-attention var(--mmd-fx-pulse-attention-duration, 1.4s) ease-out infinite;
}
@keyframes mmd-fx-pulse-attention {
    from {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--mmd-fx-pulse-color, #1e87f0) 70%, transparent);
    }
    to {
        box-shadow: 0 0 0 var(--mmd-fx-pulse-attention-size, 14px) transparent;
    }
}
@keyframes mmd-fx-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--mmd-fx-pulse-color, #1e87f0);
    }
    70% {
        box-shadow: 0 0 0 var(--mmd-fx-pulse-size, 10px) transparent;
    }
    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}
.mmd-fx-border-glow:has(> .el-image.uk-border-rounded, > * > .el-image.uk-border-rounded)::before,
.mmd-fx-electric:has(> .el-image.uk-border-rounded, > * > .el-image.uk-border-rounded)::before,
.mmd-fx-aurora:has(> .el-image.uk-border-rounded, > * > .el-image.uk-border-rounded)::after,
.mmd-fx-pulse:has(> .el-image.uk-border-rounded, > * > .el-image.uk-border-rounded)::after,
.mmd-fx-pulse-attention:has(> .el-image.uk-border-rounded, > * > .el-image.uk-border-rounded)::after {
    border-radius: var(--mmd-fx-frame-rounded, 5px);
}
.mmd-fx-border-glow:has(> .el-image.uk-border-circle, > * > .el-image.uk-border-circle)::before,
.mmd-fx-electric:has(> .el-image.uk-border-circle, > * > .el-image.uk-border-circle)::before,
.mmd-fx-aurora:has(> .el-image.uk-border-circle, > * > .el-image.uk-border-circle)::after,
.mmd-fx-pulse:has(> .el-image.uk-border-circle, > * > .el-image.uk-border-circle)::after,
.mmd-fx-pulse-attention:has(> .el-image.uk-border-circle, > * > .el-image.uk-border-circle)::after {
    border-radius: 50%;
}
.mmd-fx-border-glow:has(> .el-image.uk-border-pill, > * > .el-image.uk-border-pill)::before,
.mmd-fx-electric:has(> .el-image.uk-border-pill, > * > .el-image.uk-border-pill)::before,
.mmd-fx-aurora:has(> .el-image.uk-border-pill, > * > .el-image.uk-border-pill)::after,
.mmd-fx-pulse:has(> .el-image.uk-border-pill, > * > .el-image.uk-border-pill)::after,
.mmd-fx-pulse-attention:has(> .el-image.uk-border-pill, > * > .el-image.uk-border-pill)::after {
    border-radius: 500px;
}
@media (hover: hover) {
    .mmd-fx-border-glow.mmd-fx-glow-hover::before,
    .mmd-fx-electric.mmd-fx-glow-hover::before,
    .mmd-fx-aurora.mmd-fx-glow-hover::after,
    .mmd-fx-pulse.mmd-fx-glow-hover::after,
    .mmd-fx-pulse-attention.mmd-fx-glow-hover::after {
        opacity: 0;
        transition: opacity var(--mmd-fx-duration-fast, 0.3s) var(--mmd-fx-ease, cubic-bezier(0.2, 0.7, 0.2, 1));
    }
    .mmd-fx-border-glow.mmd-fx-glow-hover:hover::before,
    .mmd-fx-border-glow.mmd-fx-glow-hover:focus-within::before,
    .mmd-fx-electric.mmd-fx-glow-hover:hover::before,
    .mmd-fx-electric.mmd-fx-glow-hover:focus-within::before,
    .mmd-fx-aurora.mmd-fx-glow-hover:hover::after,
    .mmd-fx-aurora.mmd-fx-glow-hover:focus-within::after,
    .mmd-fx-pulse.mmd-fx-glow-hover:hover::after,
    .mmd-fx-pulse.mmd-fx-glow-hover:focus-within::after,
    .mmd-fx-pulse-attention.mmd-fx-glow-hover:hover::after,
    .mmd-fx-pulse-attention.mmd-fx-glow-hover:focus-within::after {
        opacity: 1;
    }
    .mmd-fx-pulse.mmd-fx-glow-hover:hover::after,
    .mmd-fx-pulse.mmd-fx-glow-hover:focus-within::after,
    .mmd-fx-pulse-attention.mmd-fx-glow-hover:hover::after,
    .mmd-fx-pulse-attention.mmd-fx-glow-hover:focus-within::after {
        animation-play-state: running;
    }
}
.mmd-fx-blob {
    border-radius: var(--mmd-fx-blob-radius-1, 62% 38% 46% 54% / 60% 45% 55% 40%);
    animation: mmd-fx-blob-morph var(--mmd-fx-blob-duration, 10s) ease-in-out infinite;
}
@keyframes mmd-fx-blob-morph {
    0%, 100% {
        border-radius: var(--mmd-fx-blob-radius-1, 62% 38% 46% 54% / 60% 45% 55% 40%);
    }
    33% {
        border-radius: var(--mmd-fx-blob-radius-2, 40% 60% 58% 42% / 45% 62% 38% 55%);
    }
    66% {
        border-radius: var(--mmd-fx-blob-radius-3, 55% 45% 38% 62% / 55% 38% 62% 45%);
    }
}
.mmd-fx-tilt {
    transform:
        perspective(var(--mmd-fx-tilt-perspective, 800px))
        rotateX(calc((0.5 - var(--mmd-fx-py, 0.5)) * 2 * var(--mmd-fx-tilt-angle, 8deg)))
        rotateY(calc((var(--mmd-fx-px, 0.5) - 0.5) * 2 * var(--mmd-fx-tilt-angle, 8deg)));
    transition: transform 0.15s ease-out;
}
.mmd-fx-spotlight {
    position: relative;
    isolation: isolate;
}
.mmd-fx-spotlight::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: var(--mmd-fx-spotlight-layer, -1);
    pointer-events: none;
    background: radial-gradient(
        circle var(--mmd-fx-spotlight-size, 220px)
        at calc(var(--mmd-fx-px, 0.5) * 100%) calc(var(--mmd-fx-py, 0.5) * 100%),
        var(--mmd-fx-spotlight-color, color-mix(in srgb, currentColor 16%, transparent)),
        transparent 70%
    );
}
.mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile)),
.mmd-fx-card-spotlight :is(.uk-card, .uk-tile) {
    position: relative;
    isolation: isolate;
}
.mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::before,
.mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::before,
.mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::after,
.mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--mmd-fx-duration-fast, 0.3s);
    background: radial-gradient(
        circle var(--mmd-fx-card-spotlight-size, 320px) at var(--mmd-fx-cx, 50%) var(--mmd-fx-cy, 50%),
        var(--mmd-fx-card-spotlight-color, color-mix(in srgb, currentColor 10%, transparent)),
        transparent 70%
    );
}
.mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::after,
.mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::after {
    padding: var(--mmd-fx-card-spotlight-border-width, 1px);
    background: radial-gradient(
        circle var(--mmd-fx-card-spotlight-border-size, 200px) at var(--mmd-fx-cx, 50%) var(--mmd-fx-cy, 50%),
        var(--mmd-fx-card-spotlight-border-color, color-mix(in srgb, currentColor 60%, transparent)),
        transparent 70%
    );
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile)):is(:hover, :focus-within)::before,
.mmd-fx-card-spotlight :is(.uk-card, .uk-tile):is(:hover, :focus-within)::before,
.mmd-fx-card-spotlight:is(:hover, :focus-within):not(:has(.uk-card, .uk-tile))::after,
.mmd-fx-card-spotlight:is(:hover, :focus-within) :is(.uk-card, .uk-tile)::after {
    opacity: 1;
}
.mmd-fx-magnetic {
    transform:
        translate(
            calc((var(--mmd-fx-px, 0.5) - 0.5) * 2 * var(--mmd-fx-magnetic-strength, 16px)),
            calc((var(--mmd-fx-py, 0.5) - 0.5) * 2 * var(--mmd-fx-magnetic-strength, 16px))
        );
    transition: transform 0.15s ease-out;
}
@keyframes mmd-fx-badge-beat {
    0%,
    90%,
    100% {
        transform: none;
    }
    45% {
        transform: scale(var(--mmd-fx-blob-fx-scale, 1.25));
    }
}
@keyframes mmd-fx-badge-beat-fade {
    0%,
    100% {
        transform: none;
        opacity: 1;
    }
    25% {
        opacity: var(--mmd-fx-blob-fx-opacity, 0.4);
    }
    50% {
        transform: scale(var(--mmd-fx-blob-fx-scale, 1.25));
        opacity: 1;
    }
}
@keyframes mmd-fx-badge-fade {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: var(--mmd-fx-blob-fx-opacity, 0.4);
    }
}
@keyframes mmd-fx-badge-bounce {
    0%,
    64%,
    100% {
        transform: none;
    }
    10% {
        transform: scale(1.1, 0.9);
    }
    30% {
        transform: translateY(calc(var(--mmd-fx-blob-fx-distance, 0.5em) * -1)) scale(0.9, 1.1);
    }
    50% {
        transform: scale(1.05, 0.95);
    }
    57% {
        transform: translateY(calc(var(--mmd-fx-blob-fx-distance, 0.5em) * -0.25));
    }
}
@keyframes mmd-fx-badge-flip {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: perspective(40em) rotateY(-180deg);
    }
}
@keyframes mmd-fx-badge-flip-360 {
    0% {
        transform: perspective(40em) rotateY(0deg);
    }
    100% {
        transform: perspective(40em) rotateY(360deg);
    }
}
@keyframes mmd-fx-badge-shake {
    0%,
    40%,
    100% {
        transform: none;
    }
    4%,
    20% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * -1));
    }
    8%,
    24% {
        transform: rotate(var(--mmd-fx-blob-fx-angle, 15deg));
    }
    12%,
    28% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * -0.6));
    }
    16%,
    32% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * 0.6));
    }
}
@keyframes mmd-fx-badge-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes mmd-fx-badge-spin-reverse {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes mmd-fx-badge-buzz {
    0%,
    100% {
        transform: none;
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-0.125em) rotate(-1deg);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(0.125em) rotate(1deg);
    }
}
@keyframes mmd-fx-badge-float {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: translateY(calc(var(--mmd-fx-blob-fx-distance, 0.5em) * -1));
    }
}
@keyframes mmd-fx-badge-jello {
    0%,
    11%,
    100% {
        transform: none;
    }
    22% {
        transform: skew(-12deg, -12deg);
    }
    33% {
        transform: skew(6deg, 6deg);
    }
    44% {
        transform: skew(-3deg, -3deg);
    }
    55% {
        transform: skew(1.5deg, 1.5deg);
    }
    66% {
        transform: skew(-0.75deg, -0.75deg);
    }
    77% {
        transform: skew(0.4deg, 0.4deg);
    }
}
@keyframes mmd-fx-badge-swing {
    0%,
    100% {
        transform: none;
    }
    20% {
        transform: rotate(var(--mmd-fx-blob-fx-angle, 15deg));
    }
    40% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * -0.66));
    }
    60% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * 0.33));
    }
    80% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * -0.33));
    }
}
@keyframes mmd-fx-badge-wag {
    0%,
    100% {
        transform: none;
    }
    25% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * -0.66));
    }
    75% {
        transform: rotate(calc(var(--mmd-fx-blob-fx-angle, 15deg) * 0.66));
    }
}
@supports (animation-timeline: view()) {
    .mmd-fx-scroll-tilt,
    .mmd-fx-scroll-zoom {
        animation-duration: auto;
        animation-timing-function: linear;
        animation-fill-mode: backwards;
        animation-timeline: view();
        animation-range: var(--mmd-fx-scroll-start, entry 10%) var(--mmd-fx-scroll-end, cover 45%);
    }
    .mmd-fx-scroll-tilt {
        animation-name: mmd-fx-scroll-tilt;
        transform-origin: 50% 100%;
    }
    .mmd-fx-scroll-zoom {
        animation-name: mmd-fx-scroll-zoom;
    }
    :is(.mmd-fx-scroll-tilt, .mmd-fx-scroll-zoom).mmd-fx-scroll-page {
        animation-timeline: scroll(root);
        animation-range: 0 var(--mmd-fx-scroll-distance, 60vh);
    }
}
@keyframes mmd-fx-scroll-tilt {
    from {
        transform: perspective(var(--mmd-fx-scroll-perspective, 1200px)) rotateX(var(--mmd-fx-scroll-angle, 28deg)) scale(var(--mmd-fx-scroll-scale, 0.92));
    }
}
@keyframes mmd-fx-scroll-zoom {
    from {
        transform: scale(var(--mmd-fx-scroll-zoom, 0.85));
    }
}
@media (prefers-reduced-motion: reduce) {
    .mmd-fx-scroll-tilt,
    .mmd-fx-scroll-zoom,
    .mmd-fx-scroll-page {
        animation: none;
    }
    .mmd-fx-btn-stack .uk-button,
    .mmd-fx-btn-stack.uk-button {
        transition: none;
    }
    .mmd-fx-btn-bubbles .uk-button:is(:hover, :focus-visible)::before,
    .mmd-fx-btn-bubbles.uk-button:is(:hover, :focus-visible)::before,
    .mmd-fx-btn-bubbles .uk-button:is(:hover, :focus-visible)::after,
    .mmd-fx-btn-bubbles.uk-button:is(:hover, :focus-visible)::after {
        animation: none;
    }
    .mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::before,
    .mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::before,
    .mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::after,
    .mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::after {
        transition: none;
    }
    :is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag),
    :is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag) > .uk-button,
    :is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag) > * > .el-item > .uk-button {
        animation: none;
    }
    .mmd-fx-nav-pill::before {
        transition: none;
    }
.mmd-fx-btn-pulse .uk-button,
.mmd-fx-btn-pulse.uk-button,
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop .uk-button,
.mmd-fx-btn-pulse.mmd-fx-btn-pulse-loop.uk-button,
.mmd-fx-btn-pulse-smooth .uk-button,
.mmd-fx-btn-pulse-smooth.uk-button,
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop .uk-button,
.mmd-fx-btn-pulse-smooth.mmd-fx-btn-pulse-loop.uk-button,
.mmd-fx-btn-shine .uk-button::before,
.mmd-fx-btn-shine.uk-button::before,
.mmd-fx-btn-draw .uk-button::before,
.mmd-fx-btn-draw.uk-button::before,
.mmd-fx-btn-arrow .uk-button::after,
.mmd-fx-btn-arrow.uk-button::after,
.mmd-fx-btn-icon .uk-button .uk-icon,
.mmd-fx-btn-icon.uk-button .uk-icon {
        animation: none;
        transition: none;
    }
.mmd-fx-btn-fill .uk-button,
.mmd-fx-btn-fill.uk-button,
.mmd-fx-btn-fill-up .uk-button,
.mmd-fx-btn-fill-up.uk-button,
.mmd-fx-btn-lift .uk-button,
.mmd-fx-btn-lift.uk-button {
        transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
    }
.mmd-fx-btn-shine .uk-button::before,
.mmd-fx-btn-shine.uk-button::before {
        background: none;
    }
.mmd-fx-btn-arrow .uk-button:hover::after,
.mmd-fx-btn-arrow .uk-button:focus-visible::after,
.mmd-fx-btn-arrow.uk-button:hover::after,
.mmd-fx-btn-arrow.uk-button:focus-visible::after,
.mmd-fx-btn-icon .uk-button:hover .uk-icon:last-child,
.mmd-fx-btn-icon .uk-button:focus-visible .uk-icon:last-child,
.mmd-fx-btn-icon.uk-button:hover .uk-icon:last-child,
.mmd-fx-btn-icon.uk-button:focus-visible .uk-icon:last-child,
.mmd-fx-btn-icon .uk-button:hover .uk-icon:first-child:not(:last-child),
.mmd-fx-btn-icon .uk-button:focus-visible .uk-icon:first-child:not(:last-child),
.mmd-fx-btn-icon.uk-button:hover .uk-icon:first-child:not(:last-child),
.mmd-fx-btn-icon.uk-button:focus-visible .uk-icon:first-child:not(:last-child),
.mmd-fx-btn-lift .uk-button:hover,
.mmd-fx-btn-lift .uk-button:focus-visible,
.mmd-fx-btn-lift.uk-button:hover,
.mmd-fx-btn-lift.uk-button:focus-visible {
        transform: none;
    }
.mmd-fx-btn-press .uk-button:active,
.mmd-fx-btn-press.uk-button:active {
        scale: none;
    }
    .mmd-fx-hover-icon-ring:hover .uk-icon::after,
    .mmd-fx-hover-icon-ring:focus-within .uk-icon::after,
    .mmd-fx-hover-icon-bounce:hover .uk-icon,
    .mmd-fx-hover-icon-bounce:focus-within .uk-icon,
    .mmd-fx-hover-icon-bounce:hover .el-image svg,
    .mmd-fx-hover-icon-bounce:focus-within .el-image svg,
    .mmd-fx-hover-icon-wiggle:hover .uk-icon,
    .mmd-fx-hover-icon-wiggle:focus-within .uk-icon,
    .mmd-fx-hover-icon-wiggle:hover .el-image svg,
    .mmd-fx-hover-icon-wiggle:focus-within .el-image svg,
    .mmd-fx-hover-icon-swap:hover .uk-icon,
    .mmd-fx-hover-icon-swap:focus-within .uk-icon,
    .mmd-fx-hover-icon-swap:hover .el-image svg,
    .mmd-fx-hover-icon-swap:focus-within .el-image svg,
    .mmd-fx-hover-icon-draw:hover .uk-icon svg *,
    .mmd-fx-hover-icon-draw:focus-within .uk-icon svg *,
    .mmd-fx-hover-icon-draw:hover .el-image svg *,
    .mmd-fx-hover-icon-draw:focus-within .el-image svg *,
    .mmd-fx-icon-always .uk-icon,
    .mmd-fx-icon-always .el-image svg,
    .mmd-fx-icon-always .uk-icon svg *,
    .mmd-fx-icon-always .el-image svg * {
        animation: none;
    }
    [class*="mmd-fx-hover-icon"].mmd-fx-icon-always .uk-icon,
    [class*="mmd-fx-hover-icon"].mmd-fx-icon-always .el-image svg,
    [class*="mmd-fx-hover-icon"].mmd-fx-icon-always .uk-icon::after,
    [class*="mmd-fx-hover-icon"].mmd-fx-icon-always .uk-icon svg *,
    [class*="mmd-fx-hover-icon"].mmd-fx-icon-always .el-image svg * {
        animation: none;
    }
    .mmd-fx-wipe-up,
    .mmd-fx-wipe-down,
    .mmd-fx-wipe-left,
    .mmd-fx-wipe-right,
    .mmd-fx-blur-in,
    .mmd-fx-rise,
    .mmd-fx-unroll,
    .mmd-fx-flip-x,
    .mmd-fx-flip-y {
        animation: none;
    }
    .mmd-fx-hover-icon .el-image svg,
    .mmd-fx-hover-icon .uk-icon,
    .mmd-fx-hover-icon-halo .uk-icon,
    .mmd-fx-hover-icon-tile .uk-icon,
    .mmd-fx-hover-icon-glow .uk-icon,
    .mmd-fx-hover-icon-glow .el-image svg,
    .mmd-fx-hover-icon-gradient .uk-icon,
    .mmd-fx-hover-zoom :is(img.el-image, .el-image img),
    .mmd-fx-hover-image :is(img.el-image, .el-image img),
    .mmd-fx-hover-title .el-title,
    .mmd-fx-hover-lift,
    .mmd-fx-hover-more .el-meta,
    .mmd-fx-hover-more .el-content,
    .mmd-fx-hover-sheen::after {
        transition: none;
    }
    .mmd-fx-gradient-text-animated,
    .mmd-fx-shine {
        animation: none;
    }
    .mmd-fx-underline a,
    .mmd-fx-underline-wavy a,
    .mmd-fx-underline-grow a {
        transition: none;
        animation: none;
    }
    .mmd-fx-underline-keep.mmd-fx-underline a:hover,
    .mmd-fx-underline-keep.mmd-fx-underline a:focus-visible,
    .mmd-fx-underline-keep.mmd-fx-underline-wavy a:hover,
    .mmd-fx-underline-keep.mmd-fx-underline-wavy a:focus-visible,
    .mmd-fx-underline-keep.mmd-fx-underline-grow a:hover,
    .mmd-fx-underline-keep.mmd-fx-underline-grow a:focus-visible {
        animation: none;
    }
    .mmd-fx-stars,
    .mmd-fx-aurora::after,
    .mmd-fx-pulse::after,
    .mmd-fx-pulse-attention::after,
    .mmd-fx-pulse > .uk-button,
    .mmd-fx-pulse > * > .el-item > .uk-button,
    .mmd-fx-pulse-attention > .uk-button,
    .mmd-fx-pulse-attention > * > .el-item > .uk-button,
    .mmd-fx-border-glow::before,
    .mmd-fx-blob {
        animation: none;
    }
    html.mmd-electric-ready .mmd-fx-electric::before {
        filter: none;
    }
    .mmd-fx-border-glow.mmd-fx-glow-hover::before,
    .mmd-fx-electric.mmd-fx-glow-hover::before,
    .mmd-fx-aurora.mmd-fx-glow-hover::after {
        transition: none;
    }
    .mmd-fx-tilt,
    .mmd-fx-magnetic {
        transform: none;
        transition: none;
    }
}
@media (forced-colors: active) {
    .mmd-fx-deco-1::before {
        content: none;
    }
    .mmd-fx-gradient-text,
    .mmd-fx-gradient-text-animated,
    .mmd-fx-text-image,
    .mmd-fx-shine,
    .mmd-fx-outline-text {
        background-image: none;
        -webkit-text-fill-color: currentColor;
        -webkit-text-stroke-width: 0;
    }
    .mmd-fx-marker {
        background-image: none;
    }
    .mmd-fx-grain,
    .mmd-fx-dots,
    .mmd-fx-grid,
    .mmd-fx-stars {
        background-image: none;
    }
    .mmd-fx-aurora::after,
    .mmd-fx-pulse::after,
    .mmd-fx-pulse-attention::after,
    .mmd-fx-border-glow::before,
    .mmd-fx-electric::before {
        content: none;
    }
    .mmd-fx-glass {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .mmd-fx-blob {
        animation: none;
    }
    .mmd-fx-spotlight::before,
    .mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::before,
    .mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::before,
    .mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::after,
    .mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::after {
        content: none;
    }
    .mmd-fx-grid-fade::before {
        content: none;
    }
}
@media print {
    :is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag),
    :is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag) > .uk-button,
    :is(.mmd-fx-anim-beat, .mmd-fx-anim-beat-fade, .mmd-fx-anim-fade, .mmd-fx-anim-bounce, .mmd-fx-anim-flip, .mmd-fx-anim-flip-360, .mmd-fx-anim-shake, .mmd-fx-anim-spin, .mmd-fx-anim-spin-reverse, .mmd-fx-anim-buzz, .mmd-fx-anim-float, .mmd-fx-anim-jello, .mmd-fx-anim-swing, .mmd-fx-anim-wag) > * > .el-item > .uk-button {
        animation: none;
    }
    .mmd-fx-wipe-up,
    .mmd-fx-wipe-down,
    .mmd-fx-wipe-left,
    .mmd-fx-wipe-right,
    .mmd-fx-blur-in,
    .mmd-fx-rise,
    .mmd-fx-unroll,
    .mmd-fx-flip-x,
    .mmd-fx-flip-y {
        animation: none;
    }
    .mmd-fx-deco-1::before {
        content: none;
    }
    .mmd-fx-gradient-text,
    .mmd-fx-gradient-text-animated,
    .mmd-fx-text-image,
    .mmd-fx-shine,
    .mmd-fx-outline-text {
        background-image: none;
        -webkit-text-fill-color: currentColor;
        -webkit-text-stroke-width: 0;
    }
    .mmd-fx-gradient-text-animated,
    .mmd-fx-shine {
        animation: none;
    }
    .mmd-fx-scroll-tilt,
    .mmd-fx-scroll-zoom,
    .mmd-fx-scroll-page {
        animation: none;
    }
    .mmd-fx-stars,
    .mmd-fx-aurora::after,
    .mmd-fx-pulse::after,
    .mmd-fx-pulse-attention::after,
    .mmd-fx-pulse > .uk-button,
    .mmd-fx-pulse > * > .el-item > .uk-button,
    .mmd-fx-pulse-attention > .uk-button,
    .mmd-fx-pulse-attention > * > .el-item > .uk-button,
    .mmd-fx-border-glow::before,
    .mmd-fx-blob {
        animation: none;
    }
    html.mmd-electric-ready .mmd-fx-electric::before {
        filter: none;
    }
    .mmd-fx-tilt,
    .mmd-fx-magnetic {
        transform: none;
    }
    .mmd-fx-spotlight::before,
    .mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::before,
    .mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::before,
    .mmd-fx-card-spotlight:not(:has(.uk-card, .uk-tile))::after,
    .mmd-fx-card-spotlight :is(.uk-card, .uk-tile)::after {
        content: none;
    }
    .mmd-fx-grid-fade::before {
        content: none;
    }
}