.flip-card{height:400px;perspective:1000px}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-card-back{transform:rotateY(180deg)}.highlight{background:transparent;background-image:linear-gradient(90deg,#e67399,#f2a640);border-radius:.8em .3em;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;padding:.2em .5em}.filmstrip{--background:rgba(0,0,0,.03);--size:10px;background:conic-gradient(at 10px,#00000008 75%,#0000 0) 0 0/ calc(100% - 10px) 20px padding-box;background:conic-gradient(at var(--size),var(--background) 75%,#0000 0) 0 0/calc(100% - var(--size)) calc(var(--size)*2) padding-box;border:10px solid rgba(0,0,0,.03);border:var(--size) solid var(--background);color:#fff;padding:25px;padding:calc(var(--size)*2.5)}