@keyframes skeleton-loading-f9e5678b{0%{background-color:#d2d2d2}to{background-color:#e9e9e9}}.vertical-nav-styles[data-v-f9e5678b]{align-self:center;justify-self:center;width:320px}.horizontal-nav-styles[data-v-f9e5678b]{align-self:center;justify-self:center;min-width:300px;width:85%}.preview[data-v-f9e5678b],.background[data-v-f9e5678b]{height:380px;width:211px}.background[data-v-f9e5678b]{top:0;z-index:-1;position:absolute;background-color:#e9e9e9}.preview[data-v-f9e5678b]{cursor:pointer;margin-right:18px;position:relative;overflow:hidden;z-index:14}.preview[data-v-f9e5678b]:last-child{margin-right:0}.preview.loading .background[data-v-f9e5678b]{animation:skeleton-loading-f9e5678b 1s linear infinite alternate}.preview.loading .play[data-v-f9e5678b]{display:none}.video-playlist .contents[data-v-f9e5678b]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px}.play[data-v-f9e5678b]{width:50px;height:50px}.play svg[data-v-f9e5678b]{fill:#d2d2d2!important}.description[data-v-f9e5678b]{font-weight:700;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0}.vertical .contents[data-v-f9e5678b]{height:100%}.vertical .description[data-v-f9e5678b]{color:#fff}.vertical .videos[data-v-f9e5678b]{height:700px}.landscape .space[data-v-f9e5678b],.landscape .play[data-v-f9e5678b]{display:none}.landscape .video[data-v-f9e5678b]{width:100%;min-height:500px;max-height:100%}.landscape .preview[data-v-f9e5678b]{display:flex;flex-direction:column-reverse;width:308px;height:auto}.landscape .preview.skeleton[data-v-f9e5678b]{height:172px}.landscape .contents[data-v-f9e5678b]{padding:16px 0;min-height:80px}.landscape .background[data-v-f9e5678b]{width:308px;height:172px;position:relative;z-index:1}