.o-card-count--3 .html-block-block-theme-play-demo-card-3{width:calc(33.33333% - var(--html--preset--spacing--20)*2/3)}.o-card-count--4 .html-block-block-theme-play-demo-card-3{width:calc(25% - var(--html--preset--spacing--20)*3/4)}.o-card-count--5 .html-block-block-theme-play-demo-card-3{width:calc(20% - var(--html--preset--spacing--20)*4/5)}.o-card-count--6 .html-block-block-theme-play-demo-card-3{width:calc(16.66667% - var(--html--preset--spacing--20)*5/6)}@media(max-width:1024px){.o-card-count--3 .html-block-block-theme-play-demo-card-3,.o-card-count--4 .html-block-block-theme-play-demo-card-3,.o-card-count--5 .html-block-block-theme-play-demo-card-3,.o-card-count--6 .html-block-block-theme-play-demo-card-3{width:calc(20% - var(--html--preset--spacing--20)*4/5)}}@media(max-width:768px){.o-card-count--3 .html-block-block-theme-play-demo-card-3,.o-card-count--4 .html-block-block-theme-play-demo-card-3,.o-card-count--5 .html-block-block-theme-play-demo-card-3,.o-card-count--6 .html-block-block-theme-play-demo-card-3{width:calc(25% - var(--html--preset--spacing--20)*3/4)}}@media(max-width:500px){.o-card-count--3 .html-block-block-theme-play-demo-card-3,.o-card-count--4 .html-block-block-theme-play-demo-card-3,.o-card-count--5 .html-block-block-theme-play-demo-card-3,.o-card-count--6 .html-block-block-theme-play-demo-card-3{width:calc(33.33333% - var(--html--preset--spacing--20)*2/3)}}.html-block-block-theme-play-demo-card-3{width:calc(16.66667% - var(--html--preset--spacing--20)*5/6)}@media(max-width:1024px){.html-block-block-theme-play-demo-card-3{width:calc(20% - var(--html--preset--spacing--20)*4/5)}}@media(max-width:768px){.html-block-block-theme-play-demo-card-3{width:calc(25% - var(--html--preset--spacing--20)*3/4)}}@media(max-width:500px){.html-block-block-theme-play-demo-card-3{width:calc(33.33333% - var(--html--preset--spacing--20)*2/3)}}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3{box-sizing:border-box;display:block;overflow:hidden;position:relative;width:100%;z-index:1}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3:before{content:"";display:block;padding-bottom:100%;width:100%}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3:hover{overflow:visible}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3:hover .m-play-demo-card-3__content:before{opacity:1;transform:translate(0) scale(1);visibility:visible}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3:hover .m-play-demo-card-3__body,.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3:hover .m-play-demo-card-3__fav{opacity:1;pointer-events:auto;visibility:visible}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3:hover .m-play-demo-card-3__btn{opacity:1;visibility:visible}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3:hover .m-play-demo-card-3__head .html-block-image{opacity:1}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3 img{max-height:100%;max-width:100%;position:relative}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3 .html-block-image{margin:0}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__preview{align-items:center;background-color:#3b3567;border:1px solid rgba(163,166,255,.5);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.2);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__description{align-items:flex-start;background:linear-gradient(0deg,#000,rgba(0,0,0,.5) 75%,hsla(0,0%,100%,0));bottom:0;display:flex;flex-direction:column;left:0;padding:22px 5px 3px;position:absolute;width:100%}@media(min-width:1024px){.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__description{background:linear-gradient(0deg,#000,rgba(0,0,0,.5) 80%,hsla(0,0%,100%,0));padding:17px 7px 5px}}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__description .html-block-button{line-height:.8}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__description .html-block-button__link{background-color:transparent;color:var(--html--preset--color--contrast-1);display:inline-block;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__name,.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__provider{max-width:100%}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__content{background:0 0;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;left:0;min-height:100%;padding:6px 6px 14px;position:absolute;text-align:center;top:0;visibility:visible;width:100%}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__content:before{background:rgba(0,0,0,.8);border:2px solid #fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.2);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(.9);transition:opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.59,.12,.34,.95);visibility:hidden;width:100%;z-index:0}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px;position:relative}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__head .html-block-image{opacity:0;transition:opacity .3s cubic-bezier(.59,.12,.34,.95);width:auto}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__body{opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.59,.12,.34,.95);visibility:hidden}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__fav{background:0 0;border:none;color:#fff;font-size:24px;line-height:0;margin-left:auto}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__body{align-items:center;bottom:0;display:flex;flex-direction:column;gap:var(--html--preset--spacing--40);left:0;padding-top:calc(50% - 27px);position:absolute;right:0;top:0}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__body .html-block-button{max-width:85%}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__link{color:#fff;display:inline-flex;font-size:12px;font-style:normal;font-weight:500;letter-spacing:-.1125px;line-height:14px;position:relative;text-decoration:none}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__link:before{background-color:currentColor;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3__btn{background:linear-gradient(180deg,#eb55ee -81.5%,#2d68ff 191.34%);border-radius:3px;font-size:12px;height:27px;left:50%;letter-spacing:-.09375px;line-height:12px;margin:0 auto 8px;max-width:85%;opacity:0;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%) translateX(-50%);transition:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.59,.12,.34,.95);visibility:hidden;width:116px}@media only screen and (min-width:1024px){.html-block-block-theme-play-demo-card-3 .m-play-demo-card-3 .m-play-demo-card-3__content .m-play-demo-card-3__body{margin-bottom:10px}}.html-block-block-theme-play-demo-card-3 .tag{align-items:center;background-color:#5caa19;box-shadow:0 1px 1px 0 rgba(0,0,0,.3);color:#fff;display:flex;font-family:Rubik,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:700;height:20px;justify-content:center;letter-spacing:-.09px;line-height:12px;padding:0 5px;text-align:center;text-transform:uppercase}.html-block-block-theme-play-demo-card-3 .tag--hot{background-color:#ff7500}.html-block-block-theme-play-demo-card-3 .icon{height:1em;line-height:0;width:1em}.html-block-block-theme-play-demo-card-3 .btn{font-weight:700}.html-block-block-theme-play-demo-card-3 .btn:hover{color:inherit;text-decoration:none}.html-block-block-theme-play-demo-card-3 .btn__inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.html-block-block-theme-play-demo-card-3 .btn--primary{border-radius:10px}.html-block-block-theme-play-demo-card-3 .btn--link{background:0 0;border:none;border-radius:unset;cursor:pointer;height:auto;margin:0 auto;padding:0;text-decoration:underline;text-transform:none;width:auto}.html-block-block-theme-play-demo-card-3 .html-block-image{height:100%;width:100%}.html-block-block-theme-play-demo-card-3 .html-block-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
