.mobile-demo-list{gap:24px;align-items:flex-start}
.mobile-demo-list article{flex:0 0 calc((100% - 72px)/4);min-width:0}
.mobile-demo .phone-preview{position:relative;width:100%;height:auto;aspect-ratio:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;overflow:hidden}
.mobile-demo .phone-preview:before,.mobile-demo .phone-preview:after{display:none;content:none}
.mobile-demo .phone-preview img{position:static;display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:16px;object-fit:contain;object-position:top;background:transparent}
.mobile-demo .phone-empty{position:static;display:grid;width:100%;height:auto;aspect-ratio:9/18;border:1px solid #e1e9f5;border-radius:0;place-items:center;background:#f1f6fd}
.mobile-demo-list h3{text-align:center;margin:15px 4px 0}
.mobile-demo .mobile-demo-prev{left:-100px}
.mobile-demo .mobile-demo-next{right:-100px}
@media(max-width:1000px){.mobile-demo-list article{flex-basis:calc((100% - 48px)/3);min-width:220px}}
@media(max-width:1380px){.mobile-demo .mobile-demo-prev{left:-20px}.mobile-demo .mobile-demo-next{right:-20px}}
@media(max-width:720px){.mobile-demo-list article{flex-basis:calc((100% - 24px)/2);min-width:200px}.mobile-demo .mobile-demo-prev{left:-8px}.mobile-demo .mobile-demo-next{right:-8px}}
@media(max-width:480px){.mobile-demo-list{gap:16px;padding-left:0;padding-right:0}.mobile-demo-list article{flex:0 0 100%;width:100%;min-width:100%}.mobile-demo .phone-preview,.mobile-demo .phone-preview img{width:100%;max-width:100%}}