.video-card[data-v-cfe2096f]{--tw-bg-opacity:1;--tw-shadow:0px 16px 32px rgba(13,22,38,.04),0px 8px 16px rgba(13,22,38,.04),0px 4px 8px rgba(13,22,38,.04),0px 2px 4px rgba(13,22,38,.04),0px 1px 2px rgba(13,22,38,.04);--tw-shadow-colored:0px 16px 32px var(--tw-shadow-color),0px 8px 16px var(--tw-shadow-color),0px 4px 8px var(--tw-shadow-color),0px 2px 4px var(--tw-shadow-color),0px 1px 2px var(--tw-shadow-color);background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity));border-radius:2rem;box-shadow:0 0 #0000,0 0 #0000,0 16px 32px #0d16260a,0 8px 16px #0d16260a,0 4px 8px #0d16260a,0 2px 4px #0d16260a,0 1px 2px #0d16260a;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;display:flex;height:14rem;overflow:hidden;position:relative}.video-card[data-v-cfe2096f],.video-card video[data-v-cfe2096f]{width:100%}.video-card video[data-v-cfe2096f]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;z-index:0}.video-card>a .h3[data-v-cfe2096f]{--tw-text-opacity:1;bottom:32px;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));font-size:28px;font-weight:600;line-height:1.75rem;margin-left:2rem;margin-right:2rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);z-index:20}.video-card .overlay[data-v-cfe2096f],.video-card>a .h3[data-v-cfe2096f]{position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all}.video-card .overlay[data-v-cfe2096f]{border-radius:2rem;display:flex;flex-direction:column;height:100%;inset:0;opacity:0;overflow:hidden;padding:2rem;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);visibility:hidden;width:100%;z-index:10}.video-card .overlay.blizzard[data-v-cfe2096f]{background:rgba(120,161,187,.8)}.video-card .overlay.grey-blue[data-v-cfe2096f]{background:rgba(93,109,121,.8)}.video-card .overlay.livestorm-blue[data-v-cfe2096f]{background:rgba(11,66,195,.8)}.video-card .overlay.live-red[data-v-cfe2096f]{background:rgba(148,49,36,.8)}.video-card .overlay.sunburst-red[data-v-cfe2096f]{background:hsla(15,87%,85%,.8)}.video-card .overlay.sirocco[data-v-cfe2096f]{background:hsla(24,72%,77%,.8)}.video-card .overlay .h4[data-v-cfe2096f]{color:transparent;font-size:28px;font-weight:600}.video-card .overlay p[data-v-cfe2096f]{--tw-translate-y:1.5rem;--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity));line-height:1.75rem;margin-top:.5rem;transform:translate(var(--tw-translate-x),1.5rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:75ms;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.video-card .overlay i[data-v-cfe2096f],.video-card .overlay p[data-v-cfe2096f]{opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter}.video-card .overlay i[data-v-cfe2096f]{--tw-translate-x:1.5rem;--tw-bg-opacity:1;align-items:center;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:9999px;bottom:12px;display:flex;flex-shrink:0;height:1.75rem;justify-content:center;position:absolute;right:16px;transform:translate(1.5rem,var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-delay:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:1.75rem}.video-card.hovered .overlay[data-v-cfe2096f]{opacity:1;visibility:visible}.video-card.hovered .overlay p[data-v-cfe2096f]{--tw-translate-y:0px;opacity:1;transform:translate(var(--tw-translate-x)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-card.hovered .overlay i[data-v-cfe2096f]{--tw-translate-x:0px;opacity:1;transform:translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}