ol li[data-v-5b344c77]{padding-left:8px}ol li[data-v-5b344c77]:not(:last-child){margin-bottom:16px}.alarm-icon[data-v-5b344c77]:first-child{animation:opacity-5b344c77 .6s ease 1.8s forwards,scale-5b344c77 2.5s ease 2s infinite}.alarm-icon[data-v-5b344c77]:nth-child(2){animation:opacity-5b344c77 .6s ease 2s forwards,scale-5b344c77 2.5s ease 2.4s infinite}.alarm-icon[data-v-5b344c77]:nth-child(3){animation:opacity-5b344c77 .6s ease 2.2s forwards,scale-5b344c77 2.5s ease 2.8s infinite}.alarm-icon[data-v-5b344c77]:nth-child(4){animation:opacity-5b344c77 .6s ease 2.2s forwards,scale-5b344c77 2.5s ease 3.2s infinite}.case .cover[data-v-5b344c77]{background-color:var(--color-default-blue);bottom:0;height:0;left:0;opacity:.7;position:absolute;transition:all .3s ease;width:100%}@media (width < 64rem){.case .cover[data-v-5b344c77]{height:48px}}.case h4[data-v-5b344c77]{bottom:10px;left:0;opacity:0;position:absolute;text-align:center;transition:all .2s ease;transition-delay:.1s;width:100%}@media (width < 64rem){.case h4[data-v-5b344c77]{opacity:1}.case.two-line .cover[data-v-5b344c77]{height:76px}}.case:hover .cover[data-v-5b344c77]{height:48px}.case:hover.two-line .cover[data-v-5b344c77]{height:76px}.case:hover h4[data-v-5b344c77]{opacity:1}@keyframes opacity-5b344c77{0%{opacity:1}15%{opacity:0}30%{opacity:1}}@keyframes scale-5b344c77{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.case .cover[data-v-de8b5a28]{background-color:var(--color-default-blue);bottom:0;height:0;left:0;opacity:.7;position:absolute;transition:all .3s ease;width:100%}@media (width < 64rem){.case .cover[data-v-de8b5a28]{height:64px}}.case h4[data-v-de8b5a28]{bottom:16px;left:0;opacity:0;position:absolute;text-align:center;transition:all .2s ease;transition-delay:.1s;width:100%}@media (width < 64rem){.case h4[data-v-de8b5a28]{opacity:1}}.case .hint[data-v-de8b5a28]{align-items:center;background-color:#193b8bb3;border:1px solid #fff;border-radius:100%;color:#fff;display:flex;height:36px;justify-content:center;position:absolute;right:-100%;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px}@media (width < 64rem){.case .hint[data-v-de8b5a28]{right:12px;top:12px;transform:translateY(0)}}.case .arrow-box[data-v-de8b5a28]{animation:arrowbox-movement-de8b5a28 2s ease-in-out infinite;opacity:0;position:absolute;right:12px;top:calc(50% + 8px);transform:translate3d(-50%,0,0) rotate(-90deg)}@media (width < 64rem){.case .arrow-box[data-v-de8b5a28]{display:hidden}}.case .arrow-box .arrow[data-v-de8b5a28]{animation:arrow-movement-de8b5a28 2s ease-in-out infinite}.case .arrow-box .arrow[data-v-de8b5a28]:after,.case .arrow-box .arrow[data-v-de8b5a28]:before{background:#fff;content:"";display:block;height:1.5px;left:0;position:absolute;top:0;width:12px}.case .arrow-box .arrow[data-v-de8b5a28]:before{transform:rotate(45deg) translate(-23%);transform-origin:top left}.case .arrow-box .arrow[data-v-de8b5a28]:after{transform:rotate(-45deg) translate(23%);transform-origin:top right}@media (width < 64rem){.case.two-line .cover[data-v-de8b5a28]{height:80px}}.case.two-line h4[data-v-de8b5a28]{bottom:12px}.case:hover .cover[data-v-de8b5a28]{height:64px}.case:hover.two-line .cover[data-v-de8b5a28]{height:80px}.case:hover h4[data-v-de8b5a28]{opacity:1}.case:hover .hint[data-v-de8b5a28]{right:24px}.case:hover .arrow-box[data-v-de8b5a28]{opacity:1}@keyframes arrowbox-movement-de8b5a28{0%{right:12px}50%{right:16px}to{right:12px}}@keyframes arrow-movement-de8b5a28{0%{opacity:1}50%{opacity:0}to{opacity:1}}ol li[data-v-061f0739]{padding-left:8px}ol li[data-v-061f0739]:not(:last-child){margin-bottom:8px}.youtube-wrapper[data-v-061f0739]{aspect-ratio:16/9;width:100%}.youtube-wrapper iframe[data-v-061f0739]{height:100%;width:100%}.case .cover[data-v-20497f30]{background-color:var(--color-default-blue);bottom:0;height:0;left:0;opacity:.7;position:absolute;transition:all .3s ease;width:100%}@media (width < 64rem){.case .cover[data-v-20497f30]{height:64px}}.case .cover-left[data-v-20497f30]{background-color:var(--color-default-blue);height:50px;left:0;opacity:.7;position:absolute;top:16px;transition:all .3s ease;width:0}@media (width < 64rem){.case .cover-left[data-v-20497f30]{width:190px}}.case .cover-left+h5[data-v-20497f30]{left:8px;opacity:0;position:absolute;top:26px}@media (width < 64rem){.case .cover-left+h5[data-v-20497f30]{opacity:1}}.case h4[data-v-20497f30]{bottom:16px;left:0;opacity:0;position:absolute;text-align:center;transition:all .2s ease;transition-delay:.1s;width:100%}@media (width < 64rem){.case h4[data-v-20497f30]{opacity:1}}.case .hint[data-v-20497f30]{align-items:center;background-color:#193b8bb3;border:1px solid #fff;border-radius:100%;color:#fff;display:flex;height:36px;justify-content:center;position:absolute;right:-100%;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px}@media (width < 64rem){.case .hint[data-v-20497f30]{right:12px;top:12px;transform:translateY(0)}}.case .arrow-box[data-v-20497f30]{animation:arrowbox-movement-20497f30 2s ease-in-out infinite;opacity:0;position:absolute;right:12px;top:calc(50% + 8px);transform:translate3d(-50%,0,0) rotate(-90deg)}@media (width < 64rem){.case .arrow-box[data-v-20497f30]{display:hidden}}.case .arrow-box .arrow[data-v-20497f30]{animation:arrow-movement-20497f30 2s ease-in-out infinite}.case .arrow-box .arrow[data-v-20497f30]:after,.case .arrow-box .arrow[data-v-20497f30]:before{background:#fff;content:"";display:block;height:1.5px;left:0;position:absolute;top:0;width:12px}.case .arrow-box .arrow[data-v-20497f30]:before{transform:rotate(45deg) translate(-23%);transform-origin:top left}.case .arrow-box .arrow[data-v-20497f30]:after{transform:rotate(-45deg) translate(23%);transform-origin:top right}@media (width < 64rem){.case.two-line .cover[data-v-20497f30]{height:80px}}.case.two-line h4[data-v-20497f30]{bottom:12px}.case:hover .cover[data-v-20497f30]{height:64px}.case:hover .cover-left[data-v-20497f30]{width:190px}.case:hover .cover-left+h5[data-v-20497f30]{opacity:1}.case:hover.two-line .cover[data-v-20497f30]{height:80px}.case:hover h4[data-v-20497f30]{opacity:1}.case:hover .hint[data-v-20497f30]{right:24px}.case:hover .arrow-box[data-v-20497f30]{opacity:1}@keyframes arrowbox-movement-20497f30{0%{right:12px}50%{right:16px}to{right:12px}}@keyframes arrow-movement-20497f30{0%{opacity:1}50%{opacity:0}to{opacity:1}}ol li[data-v-6d7ca41a]{padding-left:8px}ol li[data-v-6d7ca41a]:not(:last-child){margin-bottom:8px}.youtube-wrapper[data-v-6d7ca41a]{aspect-ratio:16/9;width:100%}.youtube-wrapper iframe[data-v-6d7ca41a]{height:100%;width:100%}