.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.video-section__title[data-v-feeb51ed]{margin-bottom:1rem}.cp-video-section[data-v-feeb51ed]{padding:2.5rem;background-color:var(--p-surface-100);border-radius:1rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.cp-video-list[data-v-feeb51ed]{grid-column:span 3;display:flex;flex-direction:column;align-items:flex-start}.cp-video-item[data-v-feeb51ed]{cursor:pointer;padding:.5rem;border-radius:1rem;transition:background-color .3s;width:100%;padding:10px;color:#000!important;margin-bottom:10px}.cp-video-item[data-v-feeb51ed]:hover,.cp-video-item.active[data-v-feeb51ed]{background-color:var(--p-surface-200)}.cp-video-title[data-v-feeb51ed]{display:inline-block;font-size:1.3rem;margin:0}.cp-video-player[data-v-feeb51ed]{grid-column:span 9}.cp-video-container[data-v-feeb51ed]{position:relative;padding-bottom:56.25%;height:0;width:100%!important}.cp-video-iframe[data-v-feeb51ed]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem}.cp-placeholder[data-v-feeb51ed]{text-align:center;color:var(--text-muted)}@media(max-width:768px){.cp-video-section[data-v-feeb51ed]{display:flex;flex-direction:column}.cp-video-list[data-v-feeb51ed]{order:1;width:100%;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}.cp-video-player[data-v-feeb51ed]{order:2;width:100%}}