.thumbnail-rotate{width:100%;margin-left:auto;margin-right:auto;font-size:1rem}.thumbnail-rotate-3d{position:relative;perspective:1200px;z-index:1}.thumbnail-rotate-3d::before{position:absolute;content:'';bottom:0;left:50%;width:77.2%;padding-bottom:77.2%;transform:translateX(-50%);box-shadow:0 17px 34px rgba(23,23,36,0.6);transition:.35s}.thumbnail-rotate-body{position:relative;color:#fff;width:100%;height:100%;transform-style:preserve-3d;transform:translateZ(-100px);transition:.35s}.thumbnail-rotate-banner,.thumbnail-rotate-content{width:inherit;height:inherit}.thumbnail-rotate-banner::before,.thumbnail-rotate-content::before{position:absolute;content:'';top:0;right:0;bottom:0;left:0;opacity:0;background:#171724;transition:.35s;pointer-events:none}.thumbnail-rotate-banner{display:block;transform:translateZ(99px)}.thumbnail-rotate-content{display:none;padding:0 7% 12%;background:#171724;transform:rotateY(90deg) translateZ(100px)}.thumbnail-rotate-content::before{opacity:.5}.thumbnail-rotate-banner-image{width:100%;height:100%;object-fit:cover;object-position:center center}.thumbnail-rotate-figure{margin-bottom:-.875rem}.thumbnail-rotate-button{transform:translate3d(0, 0, 0)}.thumbnail-rotate-button .btn:hover,.thumbnail-rotate-button .btn.hover,.thumbnail-rotate-button .btn:active,.thumbnail-rotate-button .btn.active{background-color:#6b39bd;border-color:#6b39bd}*+.thumbnail-rotate-button{margin-top:1.375rem}*+.thumbnail-rotate-title{margin-top:2.5rem}.thumbnail-rotate-inverse .thumbnail-rotate-content{transform:rotateY(-90deg) translateZ(100px)}.thumbnail-rotate-gradient .thumbnail-rotate-content{background-color:#171724;background-image:linear-gradient(180deg, transparent 55%, #171724 80%),linear-gradient(270deg, #62EFAB 0%, #28A8FF 50%, #A771FF 98%);background-size:100% 50%;background-repeat:no-repeat}.thumbnail-rotate-gradient-2 .thumbnail-rotate-content{background-color:#171724;background-image:linear-gradient(180deg, transparent 54.35%, #171724 79.17%),linear-gradient(55.11deg, #00BCEA 11.87%, #95D966 76.28%);background-size:100% 50%;background-repeat:no-repeat}.desktop .thumbnail-rotate-content{display:block}.desktop .thumbnail-rotate-banner{position:absolute}.desktop .thumbnail-rotate:hover .thumbnail-rotate-3d::before{box-shadow:0 24px 44px rgba(23,23,36,0.6)}.desktop .thumbnail-rotate:hover .thumbnail-rotate-body{transform:rotateY(-78deg) translateZ(20px)}.desktop .thumbnail-rotate:hover .thumbnail-rotate-banner::before{opacity:.8}.desktop .thumbnail-rotate:hover .thumbnail-rotate-content::before{opacity:0}.desktop .thumbnail-rotate-inverse:hover .thumbnail-rotate-body{transform:rotateY(78deg) translateZ(20px)}@media (min-width: 480px){.thumbnail-rotate{width:200px}}@media (min-width: 1200px){.thumbnail-rotate{width:240px}.thumbnail-rotate-body{transform:translateZ(-120px)}.thumbnail-rotate-banner{transform:translateZ(119px)}.thumbnail-rotate-content{padding-left:11%;padding-right:11%;transform:rotateY(90deg) translateZ(120px)}}@media (min-width: 1600px){.thumbnail-rotate{width:280px;font-size:1.25rem}.thumbnail-rotate-body{transform:translateZ(-140px)}.thumbnail-rotate-banner{transform:translateZ(139px)}.thumbnail-rotate-content{padding-left:9%;padding-right:9%;transform:rotateY(90deg) translateZ(140px)}*+.thumbnail-rotate-title{margin-top:3.375rem}}