html,body{position:relative;height:100%;margin:0;padding:0}body{background:#fff;line-height:1.5;font-family:-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}@media (min-width: 480px) and (min-height: 480px){body{background:#121212}#app{width:412px;margin:16px auto;background:#fff;border:16px solid #000;height:768px;border-radius:32px;box-shadow:0 0 0 1px #fff3}}.swiper-tinder{padding:16px;width:100%;height:100%}.swiper-slide{border-radius:16px}.swiper-slide:before{position:absolute;left:0;bottom:0;width:100%;height:50%;pointer-events:none;content:"";background-image:linear-gradient(to top,#000000f2 25%,#0000);z-index:10}.demo-slide-name{padding:16px 16px 96px;position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;color:#fff;z-index:200;font-size:24px}.demo-empty-slide{background:#ccc;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1.5;text-align:center;font-weight:700;color:#555;text-shadow:0px 1px 0px #fff}.demo-empty-slide:before{display:none}