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