.malnad-album-loader{position:relative;width:180px;height:180px}.malnad-album-loader *{box-sizing:border-box}.mal-shadow{top:150px;width:140px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.18),transparent);filter:blur(3px);animation:mal-shadow 6.5s ease-in-out infinite}.mal-album,.mal-shadow{position:absolute;left:50%}.mal-album{top:50%;width:166px;height:128px;margin-left:-83px;margin-top:-64px;animation:mal-float 6.5s ease-in-out infinite}.mal-cover{position:absolute;inset:0;border-radius:11px;background:linear-gradient(140deg,#74563f,#67492f 55%,#5c4028);box-shadow:0 12px 24px -6px rgba(0,0,0,.3),0 3px 8px rgba(0,0,0,.16),inset 0 1px 1px hsla(0,0%,100%,.08),inset 0 0 0 1px rgba(0,0,0,.1)}.mal-frame{position:absolute;inset:5px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),inset 0 0 0 2px hsla(39,44%,64%,.12)}.mal-pages{position:absolute;inset:8px;display:flex;gap:4px}.mal-page{flex:1;background:linear-gradient(90deg,#faf7f2 68%,#efeae0);box-shadow:inset -7px 0 9px -7px rgba(0,0,0,.22)}.mal-page--l{border-radius:3px 1px 1px 3px}.mal-page--r{border-radius:1px 3px 3px 1px;background:linear-gradient(270deg,#faf7f2 68%,#efeae0);box-shadow:inset 7px 0 9px -7px rgba(0,0,0,.22)}.mal-photos{inset:8px;perspective:800px}.mal-photo,.mal-photos{position:absolute;transform-style:preserve-3d}.mal-face,.mal-photo{border-radius:2px}.mal-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden}.mal-front{transform:translateZ(1px);background:#fff}.mal-back{transform:rotateY(180deg) translateZ(1px);background:#faf7f2;box-shadow:inset 0 0 0 1px rgba(107,79,58,.1)}.mal-horizon{position:absolute;top:46%;height:3px;border-radius:2px;background:#e7ddca}.mal-scene{position:absolute;border-radius:1px}.mal-photo--polaroid .mal-scene{top:3px;left:3px;right:3px;bottom:8px}.mal-photo--polaroid .mal-horizon{left:25%;right:25%}.mal-photo--print .mal-scene{inset:2.5px}.mal-photo--print .mal-horizon{left:28%;right:28%}.mal-scene--green{background:linear-gradient(180deg,hsla(0,0%,100%,0) 22%,hsla(0,0%,100%,.18) 34%,hsla(0,0%,100%,0) 48%),linear-gradient(170deg,#c2d6cd,#8fb79f 36%,#5c9377 64%,#3f7860)}.mal-scene--gold{background:linear-gradient(180deg,hsla(0,0%,100%,0) 22%,hsla(0,0%,100%,.18) 34%,hsla(0,0%,100%,0) 48%),linear-gradient(170deg,#f3dca6,#e6ad60 44%,#cf8f4a 73%,#ae7238)}.mal-scene--teal{background:linear-gradient(180deg,hsla(0,0%,100%,0) 22%,hsla(0,0%,100%,.18) 34%,hsla(0,0%,100%,0) 48%),linear-gradient(170deg,#c4dad9,#8fb6b4 38%,#5e8f8c 68%,#40726f)}.mal-scene--earth{background:linear-gradient(180deg,hsla(0,0%,100%,0) 22%,hsla(0,0%,100%,.18) 34%,hsla(0,0%,100%,0) 48%),linear-gradient(170deg,#eccaa6,#d1926b 45%,#b0704e 73%,#8f5636)}.mal-scene--blue{background:linear-gradient(180deg,hsla(0,0%,100%,0) 22%,hsla(0,0%,100%,.18) 34%,hsla(0,0%,100%,0) 48%),linear-gradient(170deg,#c3d2e2,#8da8c6 40%,#6285a6 70%,#476a89)}.mal-p1{left:26px;top:14px;width:32px;height:40px;animation:mal-shuf1 6s infinite}.mal-p2{left:22px;top:60px;width:44px;height:32px;animation:mal-shuf2 6s infinite}.mal-p3{left:59px;top:36px;width:32px;height:40px;animation:mal-shuf3 6s infinite}.mal-p4{left:86px;top:18px;width:44px;height:32px;animation:mal-shuf4 6s infinite}.mal-p5{left:94px;top:58px;width:32px;height:40px;animation:mal-shuf5 6s infinite}@keyframes mal-float{0%,to{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(0,-4px,0) rotate(-.6deg)}}@keyframes mal-shadow{0%,to{transform:translate3d(-50%,0,0) scale(1);opacity:.5}50%{transform:translate3d(-50%,0,0) scale(1.12);opacity:.33}}@keyframes mal-shuf1{0%,6%{transform:translateZ(0) rotate(-6deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14);animation-timing-function:cubic-bezier(.4,0,.2,1)}11%{transform:translate3d(0,-7px,0) rotate(-6deg) scale(1.09);box-shadow:0 9px 16px -4px rgba(0,0,0,.2);animation-timing-function:cubic-bezier(.34,1.2,.64,1)}17%{transform:translate3d(16px,6px,0) rotate(3deg) scale(1.06);animation-timing-function:cubic-bezier(.34,1.1,.64,1)}24%{transform:translate3d(9px,-4px,0) rotate(-10deg) scale(1.05);box-shadow:0 8px 14px -4px rgba(0,0,0,.18);animation-timing-function:cubic-bezier(.22,1.3,.36,1)}30%,to{transform:translateZ(0) rotate(-6deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14)}}@keyframes mal-shuf2{0%,14%{transform:translateZ(0) rotate(5deg) rotateY(0deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14);animation-timing-function:cubic-bezier(.4,0,.2,1)}19%{transform:translate3d(0,-8px,0) rotate(5deg) rotateY(0deg) scale(1.1);box-shadow:0 9px 16px -4px rgba(0,0,0,.2);animation-timing-function:cubic-bezier(.34,1.1,.64,1)}26%{transform:translate3d(-10px,-6px,0) rotate(-2deg) rotateY(180deg) scale(1.06);animation-timing-function:cubic-bezier(.34,1.05,.64,1)}33%{transform:translate3d(6px,4px,0) rotate(10deg) rotateY(1turn) scale(1.05);box-shadow:0 8px 14px -4px rgba(0,0,0,.18);animation-timing-function:cubic-bezier(.22,1.3,.36,1)}40%,to{transform:translateZ(0) rotate(5deg) rotateY(1turn) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14)}}@keyframes mal-shuf3{0%,30%{transform:translateZ(0) rotate(-3deg) rotateY(0deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14);animation-timing-function:cubic-bezier(.4,0,.2,1)}36%{transform:translate3d(0,-9px,0) rotate(-3deg) rotateY(0deg) scale(1.12);box-shadow:0 11px 18px -4px rgba(0,0,0,.22);animation-timing-function:cubic-bezier(.34,1.1,.64,1)}44%{transform:translate3d(-8px,6px,0) rotate(6deg) rotateY(180deg) scale(1.07);animation-timing-function:cubic-bezier(.34,1.05,.64,1)}51%{transform:translate3d(7px,-5px,0) rotate(-8deg) rotateY(1turn) scale(1.06);box-shadow:0 8px 14px -4px rgba(0,0,0,.18);animation-timing-function:cubic-bezier(.22,1.3,.36,1)}58%,to{transform:translateZ(0) rotate(-3deg) rotateY(1turn) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14)}}@keyframes mal-shuf4{0%,44%{transform:translateZ(0) rotate(6deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14);animation-timing-function:cubic-bezier(.4,0,.2,1)}49%{transform:translate3d(0,-7px,0) rotate(6deg) scale(1.09);box-shadow:0 9px 16px -4px rgba(0,0,0,.2);animation-timing-function:cubic-bezier(.34,1.15,.64,1)}56%{transform:translate3d(-14px,7px,0) rotate(-2deg) scale(1.06);animation-timing-function:cubic-bezier(.34,1.05,.64,1)}63%{transform:translate3d(-6px,-5px,0) rotate(12deg) scale(1.05);box-shadow:0 8px 14px -4px rgba(0,0,0,.18);animation-timing-function:cubic-bezier(.22,1.3,.36,1)}70%,to{transform:translateZ(0) rotate(6deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14)}}@keyframes mal-shuf5{0%,58%{transform:translateZ(0) rotate(-5deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14);animation-timing-function:cubic-bezier(.4,0,.2,1)}63%{transform:translate3d(0,-8px,0) rotate(-5deg) scale(1.1);box-shadow:0 9px 16px -4px rgba(0,0,0,.2);animation-timing-function:cubic-bezier(.34,1.15,.64,1)}70%{transform:translate3d(-16px,-6px,0) rotate(4deg) scale(1.06);animation-timing-function:cubic-bezier(.34,1.05,.64,1)}78%{transform:translate3d(-7px,4px,0) rotate(-12deg) scale(1.05);box-shadow:0 8px 14px -4px rgba(0,0,0,.18);animation-timing-function:cubic-bezier(.22,1.3,.36,1)}86%,to{transform:translateZ(0) rotate(-5deg) scale(1);box-shadow:0 1px 2px rgba(0,0,0,.14)}}@media (prefers-reduced-motion:reduce){.mal-album,.mal-photo,.mal-shadow{animation:none!important}}.mal-fade,.mal-overlay{animation:mal-fade-in var(--mal-fade-duration,.22s) ease-out both}@keyframes mal-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mal-fade,.mal-overlay{animation:none}}