.ds-card{cursor:pointer;height:250px;margin:1rem auto;perspective:1000px;width:200px}@media screen and (max-width:624px){.ds-card{flex:0 0 100%;width:100%}}.ds-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.ds-card:hover .ds-card-inner{transform:rotateY(180deg)}.ds-card-back,.ds-card-front{backface-visibility:hidden;border-radius:.5rem;height:100%;overflow:hidden;position:absolute;width:100%}.ds-card-front{background:var(--surface);border:1px solid var(--surface)}.ds-card-front img{height:100%;-o-object-fit:cover;object-fit:cover}.ds-card-front img,.ds-card-front-header{left:0;position:absolute;top:0;width:100%}.ds-card-front-header{background:var(--card-overlay-dark);color:var(--text-on-dark);margin:0;padding:.5rem;text-align:center;z-index:1}.ds-card-back{background:var(--card-back-bg);color:var(--text-on-dark);position:relative;transform:rotateY(180deg)}.ds-card-back-bg{background-position:50%;background-size:cover;filter:blur(8px);height:100%;left:0;opacity:.6;position:absolute;top:0;transform:scaleX(-1);width:100%;z-index:0}.ds-card-back-content{align-items:center;display:flex;flex-direction:column;height:100%;padding:3.5rem 1rem 1rem;position:relative;text-align:center;z-index:1}.ds-card-back p{margin:0;text-shadow:0 2px 4px var(--text-shadow)}.ds-card h2{color:var(--text-on-dark);margin:0 0 1rem}