.class-box[data-v-641a7f74]{background-color:#404040;border:2px solid #005ab2;border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden}@media(min-width:1024px){.class-box:hover .class-media img[data-v-641a7f74]{transform:scale(1.05)}.class-box:hover .box-play[data-v-641a7f74]{transform:translate(-50%,-50%) scale(.8);transition:all .3s ease-in-out}.class-box:hover .trial-btn[data-v-641a7f74]{opacity:.8}}.class-media[data-v-641a7f74]{aspect-ratio:5/3;overflow:hidden;position:relative;width:100%}.class-media img[data-v-641a7f74]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;transition:transform .3s ease-in-out;width:100%;z-index:0}.class-box--video .class-media[data-v-641a7f74]{aspect-ratio:3/4}.class-content[data-v-641a7f74]{display:flex;flex-direction:column;flex-grow:1;padding:1rem 1rem 1.5rem}.class-text[data-v-641a7f74]{font-size:.9rem;margin-top:4px}.trial-btn[data-v-641a7f74]{margin-right:auto;margin-top:2rem}.box-play[data-v-641a7f74]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;z-index:1}.popin-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.popin-wrapper .overlay{background-color:#000000e6;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.popin-wrapper .class-box{background-color:transparent;border:none;border-radius:0;z-index:1}.popin-wrapper .class-content{background-color:#404040}.popin-wrapper .popin-video{max-width:50vh;min-height:0}.popin-wrapper .popin-video video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(max-width:1024px){.popin-wrapper .popin-video{max-width:none;width:100%}}.popin-content{color:#fff;height:100vh;position:relative}.popin-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:10px;top:10px;z-index:1}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active .popin-content,.fade-leave-active .popin-content{transition:transform .3s ease}.fade-enter-from .popin-content,.fade-leave-to .popin-content{transform:scale(.95)}