.white-key[data-v-c25b0e02]{width:44px;height:130px;background:linear-gradient(180deg,#fff,#f0e8ff);border:1px solid #ddd;border-radius:0 0 10px 10px;box-shadow:0 4px 8px #0003;cursor:pointer}.white-key[data-v-c25b0e02]:hover{background:linear-gradient(180deg,#fff,#ffcff1)}.active-white[data-v-c25b0e02]{background:linear-gradient(180deg,#ffcff1,#e5b0d8)!important;transform:scaleY(.96) translateY(3px);box-shadow:0 1px 4px #0003 inset}.black-key[data-v-c25b0e02]{width:28px;height:80px;background:linear-gradient(180deg,#1a1a2e,#0a2472);border-radius:0 0 6px 6px;box-shadow:0 6px 12px #00000080;cursor:pointer}.black-key[data-v-c25b0e02]:hover{background:linear-gradient(180deg,#2a2a4e,indigo)}.active-black[data-v-c25b0e02]{background:linear-gradient(180deg,indigo,#6d00b8)!important;transform:scaleY(.96) translateY(2px)}@media (max-width: 900px){.bento-card[data-v-46b46d94]{grid-column:span 12!important}}.bento-card[data-v-46b46d94]{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.bento-card[data-v-46b46d94]:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014;border-color:#e91e8c2e!important}.piano-wrap[data-v-de586cd4]{width:100%;border-radius:12px;padding:8px;background:#0000000d;box-shadow:inset 0 4px 10px #0000001a;transition:all .5s ease}.piano-container[data-v-de586cd4]{position:relative;height:180px;width:100%}.piano-container.compact-mode[data-v-de586cd4]{height:120px}.keys-flex-container[data-v-de586cd4]{display:flex;width:100%;height:100%;direction:ltr}.white-key-wrapper[data-v-de586cd4]{flex:1;position:relative;display:flex}.white-key[data-v-de586cd4]{position:relative;width:100%;height:100%;border-radius:0 0 10px 10px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;transition:transform .08s ease,filter .15s ease;z-index:1;overflow:hidden;border-right:1px solid rgba(0,0,0,.1)}.white-key-wrapper:last-child .white-key[data-v-de586cd4]{border-right:none}.white-key.white-active[data-v-de586cd4]{transform:translateY(3px) rotateX(2deg);filter:brightness(.9)}.key-label[data-v-de586cd4]{font-size:11px;font-weight:900;pointer-events:none;z-index:2;opacity:.3;transition:opacity .3s}.key-glow[data-v-de586cd4]{position:absolute;bottom:0;left:0;right:0;height:50%;opacity:0;transition:opacity .1s ease;z-index:1;pointer-events:none}.key-texture[data-v-de586cd4]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit}.black-key[data-v-de586cd4]{position:absolute;top:0;left:100%;transform:translate(-50%);width:60%;height:60%;border-radius:0 0 8px 8px;cursor:pointer;z-index:10;transition:transform .08s ease,filter .05s ease;overflow:hidden}.black-key.black-active[data-v-de586cd4]{transform:translate(-50%) translateY(3px) rotateX(2deg);filter:brightness(1.2)}.black-key-texture[data-v-de586cd4]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit}.black-key-highlight[data-v-de586cd4]{position:absolute;top:0;left:15%;right:15%;height:70%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:0 0 4px 4px;pointer-events:none;z-index:1}.theme-piano .piano-wrap[data-v-de586cd4]{background:#1a1a1a;box-shadow:0 8px 20px #0000004d,inset 0 2px #fff3}.theme-piano .white-key[data-v-de586cd4]{background:linear-gradient(180deg,#fff,#f0f0f0);box-shadow:inset 0 1px #fff;border-right:1px solid #ccc}.theme-piano .key-label[data-v-de586cd4]{color:#333}.theme-piano .white-active[data-v-de586cd4]{background:#e0e0e0}.theme-piano .black-key[data-v-de586cd4]{background:linear-gradient(180deg,#222,#000);box-shadow:0 4px 10px #00000080,inset -2px 0 2px #ffffff1a,inset 2px 0 2px #00000080}.theme-synth .piano-wrap[data-v-de586cd4]{background:#0a0a1a;border:1px solid #FF007F;box-shadow:0 0 20px #ff007f4d}.theme-synth .white-key[data-v-de586cd4]{background:#111;border-right:1px solid #222;border-bottom:2px solid #FF007F}.theme-synth .key-label[data-v-de586cd4]{color:#0ff;opacity:.8;text-shadow:0 0 5px #00FFFF}.theme-synth .key-glow[data-v-de586cd4]{background:radial-gradient(circle at bottom,rgba(255,0,127,.8),transparent 70%)}.theme-synth .black-key[data-v-de586cd4]{background:#000;border-bottom:2px solid #00FFFF;box-shadow:0 4px 10px #0ff3}.theme-synth .black-active[data-v-de586cd4]{filter:brightness(2) drop-shadow(0 0 10px #00FFFF)}.theme-oud .piano-wrap[data-v-de586cd4]{background:#3e2723;border:2px solid #5D4037;box-shadow:inset 0 0 20px #21110c}.theme-oud .white-key[data-v-de586cd4]{background:#d7ccc8;border-right:2px solid #8D6E63;border-radius:0 0 20px 20px}.theme-oud .key-texture[data-v-de586cd4]{background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.03) 0px,transparent 2px,rgba(0,0,0,.03) 4px)}.theme-oud .key-label[data-v-de586cd4]{color:#4e342e;font-family:Amiri,serif}.theme-oud .black-key[data-v-de586cd4]{background:#4e342e;border-radius:0 0 16px 16px;box-shadow:inset 0 0 10px #000c}.theme-guitar .piano-wrap[data-v-de586cd4]{background:#4e342e;border-top:10px solid #21110c}.theme-guitar .white-key[data-v-de586cd4]{background:#ffecb3;border-right:1px solid #FFA000}.theme-guitar .key-texture[data-v-de586cd4]{background:linear-gradient(90deg,transparent 48%,rgba(0,0,0,.2) 49%,rgba(0,0,0,.2) 51%,transparent 52%)}.theme-guitar .key-label[data-v-de586cd4]{color:#e65100}.theme-guitar .black-key[data-v-de586cd4]{background:#3e2723;box-shadow:0 4px 8px #0006}.theme-qanun .piano-wrap[data-v-de586cd4]{background:#5d4037;border-bottom:8px solid #3E2723;transform:perspective(500px) rotateX(10deg);transform-origin:bottom}.theme-qanun .white-key[data-v-de586cd4]{background:#efebe9;border-right:1px solid #d7ccc8;border-radius:0}.theme-qanun .key-texture[data-v-de586cd4]{background:repeating-linear-gradient(180deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 12px)}.theme-qanun .key-label[data-v-de586cd4]{color:#8d6e63}.theme-qanun .black-key[data-v-de586cd4]{background:#3e2723;border-radius:0;height:50%}.theme-marimba .piano-wrap[data-v-de586cd4]{background:#8d6e63;padding:16px 8px}.theme-marimba .white-key[data-v-de586cd4]{background:#a1887f;border-radius:8px;margin:0 2px;height:90%;border:none;box-shadow:0 6px #5d4037,0 8px 10px #0000004d}.theme-marimba .white-active[data-v-de586cd4]{transform:translateY(6px);box-shadow:0 0 #5d4037,0 2px 4px #0000004d}.theme-marimba .key-texture[data-v-de586cd4]{background-image:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.1) 100%)}.theme-marimba .key-label[data-v-de586cd4]{color:#fff}.theme-marimba .black-key[data-v-de586cd4]{background:#5d4037;border-radius:6px;margin-top:-10px;height:55%;box-shadow:0 6px #3e2723;transform:translate(-50%)}.theme-marimba .black-active[data-v-de586cd4]{transform:translate(-50%) translateY(6px);box-shadow:0 0 #3e2723}.theme-nay .piano-wrap[data-v-de586cd4]{background:#e8f5e9;border:2px solid #81C784}.theme-nay .white-key[data-v-de586cd4]{background:#c8e6c9;border-right:2px solid #A5D6A7;border-radius:0 0 20px 20px}.theme-nay .key-texture[data-v-de586cd4]{background-image:repeating-linear-gradient(90deg,rgba(76,175,80,.1) 0,rgba(76,175,80,.1) 4px,transparent 4px,transparent 8px)}.theme-nay .key-label[data-v-de586cd4]{color:#2e7d32}.theme-nay .black-key[data-v-de586cd4]{background:#388e3c;border-radius:0 0 15px 15px}.theme-violin .piano-wrap[data-v-de586cd4]{background:#3e2723;border-radius:40px 40px 10px 10px;padding-top:20px}.theme-violin .white-key[data-v-de586cd4]{background:#ffcc80;border-right:1px solid #FFB74D;border-radius:0}.theme-violin .key-texture[data-v-de586cd4]{background:linear-gradient(90deg,#0000,#0000001a,#0000)}.theme-violin .key-label[data-v-de586cd4]{color:#e65100}.theme-violin .black-key[data-v-de586cd4]{background:#1a0f00;border-radius:0;height:65%}#studio-notation svg{filter:none!important}#score-canvas svg{filter:none!important}.card-actions[data-v-bef60d85]{opacity:0;transition:opacity .25s}.g1:hover .card-actions[data-v-bef60d85]{opacity:1}.dm-tab-btn[data-v-f9c19ab0]{background:transparent;border:none;padding:10px 20px;font-size:14px;font-weight:800;color:var(--text2);border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.dm-tab-btn[data-v-f9c19ab0]:hover{background:#ffffff80}.dm-tab-btn.active[data-v-f9c19ab0]{background:var(--pink);color:#fff;box-shadow:0 4px 14px #e91e8c4d}.dm-switch[data-v-f9c19ab0]{position:relative;display:inline-block;width:50px;height:28px}.dm-switch input[data-v-f9c19ab0]{opacity:0;width:0;height:0}.dm-slider[data-v-f9c19ab0]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e91e8c26;transition:.4s;border-radius:34px;border:1px solid var(--border)}.dm-slider[data-v-f9c19ab0]:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.dm-slider[data-v-f9c19ab0]{background-color:var(--green);border-color:transparent}input:checked+.dm-slider[data-v-f9c19ab0]:before{transform:translate(20px)}.fadeov-enter-active[data-v-3d8d69d4],.fadeov-leave-active[data-v-3d8d69d4]{transition:opacity .3s}.fadeov-enter-from[data-v-3d8d69d4],.fadeov-leave-to[data-v-3d8d69d4]{opacity:0}.g-input[data-v-3d8d69d4]{background:#ffffff08;border:1px solid var(--border);color:var(--text);outline:none;font-family:inherit;transition:all .3s}.g-input[data-v-3d8d69d4]:focus{border-color:var(--pink);box-shadow:0 0 0 3px #e91e8c1a}.dm-mob-nav[data-v-b727d8ed]{transform:translate(120%);border-radius:20px}.dm-mob-nav-open[data-v-b727d8ed]{transform:translate(0)}.dm-nav-pill[data-v-b727d8ed]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:14px;color:var(--text2);font-size:14px;font-weight:800;text-decoration:none;transition:all .25s;border:1px solid transparent;white-space:nowrap}.dm-nav-pill[data-v-b727d8ed]:hover{background:#ffffff0d;color:var(--pink)}.dm-nav-pill.active[data-v-b727d8ed]{background:#e91e8c1a;color:var(--pink);border-color:#e91e8c33}.dm-nav-pill-mob[data-v-b727d8ed]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;color:var(--text2);font-size:15px;font-weight:800;text-decoration:none;transition:all .25s;background:#ffffff08;border:1px solid transparent}.dm-nav-pill-mob.active[data-v-b727d8ed]{background:#e91e8c1a;color:var(--pink);border-color:#e91e8c33}.dm-user-btn[data-v-b727d8ed]:hover{background:#ffffff14!important}@media (max-width: 950px){.dm-desktop-nav[data-v-b727d8ed]{display:none!important}.dm-mob-toggle[data-v-b727d8ed]{display:flex!important}}@media (max-width: 600px){.dm-brand-text[data-v-b727d8ed],.dm-user-details[data-v-b727d8ed],.dm-register-btn[data-v-b727d8ed]{display:none}.dm-rec-badge[data-v-b727d8ed]{display:none!important}}.fadeov-enter-active[data-v-b727d8ed],.fadeov-leave-active[data-v-b727d8ed]{transition:opacity .3s}.fadeov-enter-from[data-v-b727d8ed],.fadeov-leave-to[data-v-b727d8ed]{opacity:0}.nuqta-footer[data-v-b727d8ed]{background:linear-gradient(135deg,#e91e8c0d,#6d28d90d);border-top:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nuqta-badge[data-v-b727d8ed]{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(233,30,140,.18);cursor:pointer;transition:all .25s ease}.nuqta-badge[data-v-b727d8ed]:hover{background:#e91e8c14;border-color:#e91e8c59;transform:translateY(-1px);box-shadow:0 4px 16px #e91e8c26}.nuqta-tag[data-v-b727d8ed]{font-size:9px;font-weight:900;color:var(--muted);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:3px 8px;border-radius:8px;letter-spacing:.04em;transition:all .2s;white-space:nowrap}.nuqta-tag[data-v-b727d8ed]:hover{background:#e91e8c14;border-color:#e91e8c33;color:var(--pink)}@media (min-width: 768px){.nuqta-footer>div[data-v-b727d8ed]{flex-direction:row!important}.nuqta-badge[data-v-b727d8ed]{flex-direction:row!important;max-width:none!important;padding:6px 16px!important}.nuqta-badge>div[data-v-b727d8ed]:nth-child(2){width:1px!important;height:30px!important;margin:0 12px!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--pink: #E91E8C;--pink-l: #FF80C0;--pink-bg: #FFF0F8;--purple: #6D28D9;--navy: #0A2472;--gold: #C47800;--gold-l: #FFB800;--cyan: #0284C7;--green: #059669;--red: #DC2626;--bg: #FBE9F4;--surface: rgba(255,255,255,.72);--surface2: rgba(255,255,255,.45);--border: rgba(233,30,140,.14);--text: #1E0A2E;--text2: #4A2060;--muted: rgba(30,10,46,.5);--dim: rgba(30,10,46,.28)}html,body{height:100%;background:var(--bg);overflow:hidden}.dm-app{height:100%;font-family:Cairo,Tajawal,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text);direction:rtl}.dm-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#ffe8f5,#f5e8ff 35%,#e8f0ff 65%,#ffe8f5)}.dm-orb{position:absolute;border-radius:50%;filter:blur(90px);animation:dmOrbPulse 15s ease-in-out infinite alternate}.dm-orb1{width:650px;height:650px;top:-20%;right:-14%;background:#e91e8c33}.dm-orb2{width:550px;height:550px;bottom:-25%;left:-12%;background:#6d28d926;animation-delay:-5s;animation-duration:20s}.dm-orb3{width:350px;height:350px;top:35%;left:44%;background:#0a24721a;animation-delay:-10s;animation-duration:13s}.dm-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:linear-gradient(rgba(233,30,140,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(233,30,140,.6) 1px,transparent 1px);background-size:55px 55px}.dm-note{position:absolute;color:#e91e8c26;-webkit-user-select:none;user-select:none;animation:dmFloatUp linear infinite}.dm-shell{position:relative;z-index:1;height:100%}.g1{background:#ffffffb3;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(233,30,140,.12);box-shadow:0 8px 40px #e91e8c14,0 2px 8px #0000000a,inset 0 1px #ffffffe6}.g2{background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(233,30,140,.1);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}.g2:hover{background:#ffffffbf;border-color:#e91e8c40;transform:translateY(-3px);box-shadow:0 16px 40px #e91e8c1f,0 4px 12px #0000000f}.g-panel{background:#ffffff8c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(233,30,140,.12);box-shadow:0 4px 20px #e91e8c0f}.g-active{background:#fff0f8e6;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(233,30,140,.3);box-shadow:0 0 30px #e91e8c1f}.btn-p{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--pink),#c01070);color:#fff;font-weight:800;font-family:inherit;border-radius:999px;padding:13px 30px;font-size:15px;box-shadow:0 0 24px #e91e8c73,0 4px 14px #0000001f;transition:transform .25s,box-shadow .25s;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn-p:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 0 40px #e91e8ca6,0 8px 24px #00000026}.btn-p:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);border-radius:999px}.btn-g{display:inline-flex;align-items:center;gap:10px;background:#fff9;color:var(--text2);font-weight:700;font-family:inherit;border-radius:999px;padding:13px 30px;font-size:15px;border:1px solid rgba(233,30,140,.2);transition:all .25s;cursor:pointer;text-decoration:none}.btn-g:hover{background:#ffffffe6;border-color:#e91e8c66;color:var(--pink);transform:translateY(-2px)}.btn-sm{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:9px 16px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all .2s;white-space:nowrap}.btn-sm-pink{background:linear-gradient(135deg,var(--pink),#c01070);color:#fff;box-shadow:0 0 14px #e91e8c66}.btn-sm-pink:hover{transform:translateY(-2px);box-shadow:0 0 24px #e91e8c99}.btn-sm-purple{background:linear-gradient(135deg,var(--purple),#4c1d95);color:#fff;box-shadow:0 0 14px #6d28d959}.btn-sm-purple:hover{transform:translateY(-2px)}.btn-sm-gold{background:linear-gradient(135deg,#d97706,#92400e);color:#fff;box-shadow:0 0 14px #c4780066}.btn-sm-glass{background:#fff9;color:var(--text2);border-color:#e91e8c26}.btn-sm-glass:hover{background:#ffffffd9;color:var(--pink);border-color:#e91e8c4d}.btn-sm-red{background:#dc262614;color:#dc2626;border-color:#dc262640}.btn-sm-red:hover{background:#dc262626}.btn-sm-red-solid{background:#dc2626;color:#fff;box-shadow:0 0 16px #dc262666}.text-shine{background:linear-gradient(to left,var(--pink),var(--purple),var(--cyan),var(--pink));background-size:300% 100%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:dmShine 5s linear infinite}.text-pink{color:var(--pink)}.text-purple{color:var(--purple)}.text-gold{color:var(--gold)}.text-muted{color:var(--muted)}.dm-slider{-webkit-appearance:none;height:4px;border-radius:99px;background:#e91e8c1f;outline:none;cursor:pointer;width:100%;direction:ltr;display:block}.dm-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px #e91e8c99;transition:transform .15s}.dm-slider::-webkit-slider-thumb:hover{transform:scale(1.35)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e91e8c33;border-radius:99px}.nav-active{color:var(--pink)!important;background:#e91e8c14!important;border-color:#e91e8c38!important}.wave-bar{width:3px;border-radius:99px;background:currentColor;animation:dmWave .7s ease-in-out infinite;transform-origin:bottom}.page-enter-active,.page-leave-active{transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.page-enter-from{opacity:0;transform:translateY(14px) scale(.985)}.page-leave-to{opacity:0;transform:translateY(-14px) scale(.985)}.pk-white{position:absolute;top:0;border-radius:0 0 10px 10px;cursor:pointer;z-index:1;background:linear-gradient(180deg,#fff,#f8f0ff);border:1px solid #e0c8f0;border-top:none;box-shadow:0 6px 14px #e91e8c1f,inset 0 1px #fff;transition:all .07s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.pk-white:hover{background:linear-gradient(180deg,#fff,#ffd6ee)}.pk-white.pk-active{transform:translateY(3px);background:linear-gradient(180deg,#ff80c0,#e91e8c);box-shadow:0 2px 4px #0000001a inset,0 0 18px #e91e8c66}.pk-black{position:absolute;top:0;border-radius:0 0 7px 7px;cursor:pointer;z-index:10;background:linear-gradient(180deg,#2d1040,#0a2472);box-shadow:0 10px 20px #0006,inset 0 1px 1px #ffffff26;transition:all .07s ease}.pk-black:hover{background:linear-gradient(180deg,#4a1870,#1a3a8a)}.pk-black.pk-active{transform:translateY(2px);background:linear-gradient(180deg,#6d28d9,#4c1d95);box-shadow:0 2px 8px #6d28d9b3 inset,0 0 14px #6d28d980}.sq-step{border-radius:10px;cursor:pointer;transition:all .12s ease;border:1px solid rgba(233,30,140,.1);position:relative;overflow:hidden}.sq-off{background:#fff6}.sq-off:hover{background:#e91e8c14;border-color:#e91e8c33}.sq-on{transform:scale(1.04)}.sq-head{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff4d;pointer-events:none}@keyframes dmOrbPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.65}}@keyframes dmFloatUp{0%{transform:translateY(0) rotate(0);opacity:0}8%{opacity:1}92%{opacity:.4}to{transform:translateY(-110vh) rotate(540deg);opacity:0}}@keyframes dmShine{to{background-position:-300% center}}@keyframes dmWave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes dmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes dmPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:.4}}@keyframes dmFadeSlide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dmPingRing{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.9);opacity:0}}@keyframes dmSpin{to{transform:rotate(360deg)}}