[data-v-dd473278]{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html[data-v-dd473278]{background-color:#181818;color:#fff;line-height:1.15;-webkit-text-size-adjust:100%;font-size:14px;line-height:1.5;font-family:Roboto,Arial,PingFang TC,Heiti TC,微軟正黑體,Microsoft JhengHei,Microsoft YaHei,sans-serif}a[data-v-dd473278]{text-decoration:none;display:inline-block}.container-fluid[data-v-dd473278]{width:100%}.flex-box[data-v-dd473278]{padding-left:24px;padding-right:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-box[data-v-dd473278],.wrap[data-v-dd473278]{display:-webkit-box;display:-ms-flexbox;display:flex}.guide-wrapper[data-v-dd473278]{width:72px;height:100vh;background-color:rgba(28,28,28,.985);z-index:2000;left:0;padding-top:56px}.guide-wrapper.active[data-v-dd473278]{width:240px}.guide-box[data-v-dd473278]{padding-top:48px}.guide-item[data-v-dd473278]{height:48px}.guide-icon[data-v-dd473278]{fill:#909090;width:24px;min-width:24px;min-height:24px;display:inline-block}.guide-text[data-v-dd473278]{color:#fff;font-weight:400;visibility:hidden}.guide-wrapper.active .guide-text[data-v-dd473278]{padding-left:24px;padding-right:24px;visibility:visible}.guide-wrapper.active .guide-icon[data-v-dd473278]{max-width:24px;max-height:24px}.content-wrapper[data-v-dd473278]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;padding-left:24px;padding-top:56px}.videos[data-v-dd473278]{padding-top:48px}.video-wrapper[data-v-dd473278]{width:24%;padding:0 8px 40px;display:inline-block}.overlay[data-v-dd473278]{opacity:0;pointer-events:none;position:fixed;z-index:1000;background-color:rgba(28,28,28,.85)}.overlay[data-v-dd473278],.thumbnail-overlay[data-v-dd473278]{top:0;left:0;bottom:0;right:0;-webkit-transition:all .3s;transition:all .3s}.thumbnail-overlay[data-v-dd473278]{position:absolute;background-color:transparent}.card[data-v-dd473278]{cursor:pointer}.card:hover .thumbnail-overlay[data-v-dd473278]{background-color:rgba(28,28,28,.85)}.card:hover .heart[data-v-dd473278]{opacity:1}.video-thumbnail[data-v-dd473278]{width:100%}.thumbnail-wrapper[data-v-dd473278]{position:relative}.video-meta-time[data-v-dd473278]{position:absolute;bottom:0;right:0;margin:4px;color:#fff;background-color:rgba(0,0,0,.8);padding:2px 4px;border-radius:2px;letter-spacing:.5px;font-weight:500;line-height:1.2rem}.video-detail[data-v-dd473278]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}h3[data-v-dd473278]{font-weight:400}.video-title[data-v-dd473278]{margin-top:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-thumbnail-wrapper[data-v-dd473278]{padding-top:12px;padding-right:12px;-webkit-box-flex:0;-ms-flex:none;flex:none}.video-channel-thumbnail[data-v-dd473278]{border-radius:50%}.video-meta-viewCount[data-v-dd473278]{color:#aaa}.video-text[data-v-dd473278]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;min-width:0}.channel-name[data-v-dd473278]{color:#aaa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.center[data-v-dd473278]{display:inline-block;position:absolute}.center[data-v-dd473278],.heart[data-v-dd473278]{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.heart[data-v-dd473278]{position:relative;width:36px;height:36px;opacity:0}.heart-icon[data-v-dd473278]{fill:#d3d3d3;cursor:pointer}.animation-container[data-v-dd473278]{width:200%;height:200%;pointer-events:none}.lines line[data-v-dd473278]{stroke:#da4336;stroke-width:5px}.active .heart-icon[data-v-dd473278]{fill:#da4336;-webkit-animation:beat-data-v-dd473278 .3s ease-out;animation:beat-data-v-dd473278 .3s ease-out;opacity:1}.ring[data-v-dd473278]{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.active .ring[data-v-dd473278]{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(10);transform:scale(10)}@-webkit-keyframes beat-data-v-dd473278{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes beat-data-v-dd473278{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:1199.98px){.video-wrapper[data-v-dd473278]{width:33%}}@media (max-width:991.98px){.guide-wrapper[data-v-dd473278]{-webkit-transition:all .3s ease-in;transition:all .3s ease-in;min-width:240px;-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;-webkit-box-shadow:0 0 2rem rgba(28,28,28,.985);box-shadow:0 0 2rem rgba(28,28,28,.985)}.guide-wrapper.active[data-v-dd473278]{-webkit-transform:translateX(0);transform:translateX(0)}.overlay.active[data-v-dd473278]{opacity:1;pointer-events:auto}.guide-text[data-v-dd473278]{padding-left:24px;padding-right:24px;visibility:visible}}@media (max-width:767.98px){.video-wrapper[data-v-dd473278]{width:50%}}@media (max-width:575.98px){.video-wrapper[data-v-dd473278]{width:100%}}a[data-v-dd473278]{-webkit-transition:all .3s;transition:all .3s}.badge[data-v-dd473278],a[data-v-dd473278]:hover{background-color:hsla(0,0%,100%,.1)}.badge .guide-icon[data-v-dd473278],a:hover .guide-icon[data-v-dd473278]{fill:#fff}.badge .guide-text[data-v-dd473278],a:hover .guide-text[data-v-dd473278]{font-weight:400}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{background-color:#181818;color:#fff;line-height:1.15;-webkit-text-size-adjust:100%;font-size:14px;line-height:1.5;font-family:Roboto,Arial,PingFang TC,Heiti TC,微軟正黑體,Microsoft JhengHei,Microsoft YaHei,sans-serif}a{text-decoration:none;display:inline-block}.container-fluid{width:100%}.flex-box{padding-left:24px;padding-right:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-box,.wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.guide-wrapper{width:72px;height:100vh;background-color:rgba(28,28,28,.985);z-index:2000;left:0;padding-top:56px}.guide-wrapper.active{width:240px}.guide-box{padding-top:48px}.guide-item{height:48px}.guide-icon{fill:#909090;width:24px;min-width:24px;min-height:24px;display:inline-block}.guide-text{color:#fff;font-weight:400;visibility:hidden}.guide-wrapper.active .guide-text{padding-left:24px;padding-right:24px;visibility:visible}.guide-wrapper.active .guide-icon{max-width:24px;max-height:24px}.videos{padding-top:48px}.video-wrapper{width:24%;padding:0 8px 40px;display:inline-block}.overlay{opacity:0;pointer-events:none;position:fixed;z-index:1000;background-color:rgba(28,28,28,.85)}.overlay,.thumbnail-overlay{top:0;left:0;bottom:0;right:0;-webkit-transition:all .3s;transition:all .3s}.thumbnail-overlay{position:absolute;background-color:transparent}.card{cursor:pointer}.card:hover .thumbnail-overlay{background-color:rgba(28,28,28,.85)}.card:hover .heart{opacity:1}.video-thumbnail{width:100%}.thumbnail-wrapper{position:relative}.video-meta-time{position:absolute;bottom:0;right:0;margin:4px;color:#fff;background-color:rgba(0,0,0,.8);padding:2px 4px;border-radius:2px;letter-spacing:.5px;font-weight:500;line-height:1.2rem}.video-detail{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}h3{font-weight:400}.video-title{margin-top:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-thumbnail-wrapper{padding-top:12px;padding-right:12px;-webkit-box-flex:0;-ms-flex:none;flex:none}.video-channel-thumbnail{border-radius:50%}.video-meta-viewCount{color:#aaa}.video-text{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;min-width:0}.channel-name{color:#aaa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.center{display:inline-block;position:absolute}.center,.heart{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.heart{position:relative;width:36px;height:36px;opacity:0}.heart-icon{fill:#d3d3d3;cursor:pointer}.animation-container{width:200%;height:200%;pointer-events:none}.lines line{stroke:#da4336;stroke-width:5px}.active .heart-icon{fill:#da4336;-webkit-animation:beat .3s ease-out;animation:beat .3s ease-out;opacity:1}.ring{transform-origin:50% 50%}.active .ring,.ring{-webkit-transform-origin:50% 50%}.active .ring{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;transform-origin:50% 50%;-webkit-transform:scale(10);transform:scale(10)}@-webkit-keyframes beat{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes beat{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:1199.98px){.video-wrapper{width:33%}}@media (max-width:991.98px){.guide-wrapper{-webkit-transition:all .3s ease-in;transition:all .3s ease-in;min-width:240px;-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;-webkit-box-shadow:0 0 2rem rgba(28,28,28,.985);box-shadow:0 0 2rem rgba(28,28,28,.985)}.guide-wrapper.active{-webkit-transform:translateX(0);transform:translateX(0)}.overlay.active{opacity:1;pointer-events:auto}.guide-text{padding-left:24px;padding-right:24px;visibility:visible}}@media (max-width:767.98px){.video-wrapper{width:50%}}@media (max-width:575.98px){.video-wrapper{width:100%}}.panel-wrapper{background-color:rgba(28,28,28,.985);height:56px;position:fixed;z-index:2020;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hamburger{fill:#909090;width:100%;height:100%}.hamburger-wrapper{cursor:pointer;width:24px;height:24px;position:relative}.hamburger-wrapper:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;border-radius:50%;-webkit-transition:all .2s;transition:all .2s;background-color:hsla(0,0%,100%,.1);opacity:0;z-index:30000}.hamburger-wrapper:active:after{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}.hamburger-wrapper:active .hamburger{fill:#fff}.logo{width:80px;margin-left:24px;margin-right:24px}.content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;padding-left:24px;padding-top:56px}[data-v-28a3b540]{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html[data-v-28a3b540]{background-color:#181818;color:#fff;line-height:1.15;-webkit-text-size-adjust:100%;font-size:14px;line-height:1.5;font-family:Roboto,Arial,PingFang TC,Heiti TC,微軟正黑體,Microsoft JhengHei,Microsoft YaHei,sans-serif}a[data-v-28a3b540]{text-decoration:none;display:inline-block}.container-fluid[data-v-28a3b540]{width:100%}.flex-box[data-v-28a3b540]{padding-left:24px;padding-right:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-box[data-v-28a3b540],.wrap[data-v-28a3b540]{display:-webkit-box;display:-ms-flexbox;display:flex}.guide-wrapper[data-v-28a3b540]{width:72px;height:100vh;background-color:rgba(28,28,28,.985);z-index:2000;left:0;padding-top:56px}.guide-wrapper.active[data-v-28a3b540]{width:240px}.guide-box[data-v-28a3b540]{padding-top:48px}.guide-item[data-v-28a3b540]{height:48px}.guide-icon[data-v-28a3b540]{fill:#909090;width:24px;min-width:24px;min-height:24px;display:inline-block}.guide-text[data-v-28a3b540]{color:#fff;font-weight:400;visibility:hidden}.guide-wrapper.active .guide-text[data-v-28a3b540]{padding-left:24px;padding-right:24px;visibility:visible}.guide-wrapper.active .guide-icon[data-v-28a3b540]{max-width:24px;max-height:24px}.content-wrapper[data-v-28a3b540]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;padding-left:24px;padding-top:56px}.videos[data-v-28a3b540]{padding-top:48px}.video-wrapper[data-v-28a3b540]{width:24%;padding:0 8px 40px;display:inline-block}.overlay[data-v-28a3b540]{opacity:0;pointer-events:none;position:fixed;z-index:1000;background-color:rgba(28,28,28,.85)}.overlay[data-v-28a3b540],.thumbnail-overlay[data-v-28a3b540]{top:0;left:0;bottom:0;right:0;-webkit-transition:all .3s;transition:all .3s}.thumbnail-overlay[data-v-28a3b540]{position:absolute;background-color:transparent}.card[data-v-28a3b540]{cursor:pointer}.card:hover .thumbnail-overlay[data-v-28a3b540]{background-color:rgba(28,28,28,.85)}.card:hover .heart[data-v-28a3b540]{opacity:1}.thumbnail-wrapper[data-v-28a3b540]{position:relative}.video-meta-time[data-v-28a3b540]{position:absolute;bottom:0;right:0;margin:4px;color:#fff;background-color:rgba(0,0,0,.8);padding:2px 4px;border-radius:2px;letter-spacing:.5px;font-weight:500;line-height:1.2rem}h3[data-v-28a3b540]{font-weight:400}.video-title[data-v-28a3b540]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-channel-thumbnail[data-v-28a3b540]{border-radius:50%}.video-meta-viewCount[data-v-28a3b540]{color:#aaa}.channel-name[data-v-28a3b540]{color:#aaa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.center[data-v-28a3b540]{display:inline-block;position:absolute}.center[data-v-28a3b540],.heart[data-v-28a3b540]{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.heart[data-v-28a3b540]{position:relative;width:36px;height:36px;opacity:0}.heart-icon[data-v-28a3b540]{fill:#d3d3d3;cursor:pointer}.animation-container[data-v-28a3b540]{width:200%;height:200%;pointer-events:none}.lines line[data-v-28a3b540]{stroke:#da4336;stroke-width:5px}.active .heart-icon[data-v-28a3b540]{fill:#da4336;-webkit-animation:beat-data-v-28a3b540 .3s ease-out;animation:beat-data-v-28a3b540 .3s ease-out;opacity:1}.ring[data-v-28a3b540]{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.active .ring[data-v-28a3b540]{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(10);transform:scale(10)}@-webkit-keyframes beat-data-v-28a3b540{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes beat-data-v-28a3b540{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:1199.98px){.video-wrapper[data-v-28a3b540]{width:33%}}@media (max-width:991.98px){.guide-wrapper[data-v-28a3b540]{-webkit-transition:all .3s ease-in;transition:all .3s ease-in;min-width:240px;-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;-webkit-box-shadow:0 0 2rem rgba(28,28,28,.985);box-shadow:0 0 2rem rgba(28,28,28,.985)}.guide-wrapper.active[data-v-28a3b540]{-webkit-transform:translateX(0);transform:translateX(0)}.overlay.active[data-v-28a3b540]{opacity:1;pointer-events:auto}.guide-text[data-v-28a3b540]{padding-left:24px;padding-right:24px;visibility:visible}}@media (max-width:767.98px){.video-wrapper[data-v-28a3b540]{width:50%}}@media (max-width:575.98px){.video-wrapper[data-v-28a3b540]{width:100%}}.video-thumbnail[data-v-28a3b540]{width:100%;height:0;padding-bottom:55%}.video-detail[data-v-28a3b540]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.video-title[data-v-28a3b540]{margin-top:12px;margin-bottom:6px;width:80%;height:2rem}.channel-thumbnail-wrapper[data-v-28a3b540]{padding-top:12px;padding-right:12px;-webkit-box-flex:0;-ms-flex:none;flex:none}.video-channel-thumbnail[data-v-28a3b540]{border-radius:60%;width:36px;height:36px}.video-meta-time[data-v-28a3b540],.video-meta-viewCount[data-v-28a3b540]{width:40%;height:1.1rem}.video-text[data-v-28a3b540]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;min-width:0}.channel-name[data-v-28a3b540]{width:70%;height:1.2rem}.skeleton[data-v-28a3b540]{background-color:hsla(0,0%,100%,.1);margin-bottom:12px;position:relative;overflow:hidden}.skeleton[data-v-28a3b540]:after{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,hsla(0,0%,42%,0)),color-stop(20%,hsla(0,0%,42%,.2)),color-stop(60%,hsla(0,0%,42%,.4)),to(hsla(0,0%,42%,0)));background-image:linear-gradient(90deg,hsla(0,0%,42%,0),hsla(0,0%,42%,.2) 20%,hsla(0,0%,42%,.4) 60%,hsla(0,0%,42%,0));-webkit-animation:loading-data-v-28a3b540 1.5s infinite;animation:loading-data-v-28a3b540 1.5s infinite;content:""}@-webkit-keyframes loading-data-v-28a3b540{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes loading-data-v-28a3b540{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}[data-v-88751ade]{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html[data-v-88751ade]{background-color:#181818;color:#fff;line-height:1.15;-webkit-text-size-adjust:100%;font-size:14px;line-height:1.5;font-family:Roboto,Arial,PingFang TC,Heiti TC,微軟正黑體,Microsoft JhengHei,Microsoft YaHei,sans-serif}a[data-v-88751ade]{text-decoration:none;display:inline-block}.container-fluid[data-v-88751ade]{width:100%}.flex-box[data-v-88751ade]{padding-left:24px;padding-right:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-box[data-v-88751ade],.wrap[data-v-88751ade]{display:-webkit-box;display:-ms-flexbox;display:flex}.guide-wrapper[data-v-88751ade]{width:72px;height:100vh;background-color:rgba(28,28,28,.985);z-index:2000;left:0;padding-top:56px}.guide-wrapper.active[data-v-88751ade]{width:240px}.guide-box[data-v-88751ade]{padding-top:48px}.guide-item[data-v-88751ade]{height:48px}.guide-icon[data-v-88751ade]{fill:#909090;width:24px;min-width:24px;min-height:24px;display:inline-block}.guide-text[data-v-88751ade]{color:#fff;font-weight:400;visibility:hidden}.guide-wrapper.active .guide-text[data-v-88751ade]{padding-left:24px;padding-right:24px;visibility:visible}.guide-wrapper.active .guide-icon[data-v-88751ade]{max-width:24px;max-height:24px}.content-wrapper[data-v-88751ade]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;padding-left:24px;padding-top:56px}.videos[data-v-88751ade]{padding-top:48px}.video-wrapper[data-v-88751ade]{width:24%;padding:0 8px 40px;display:inline-block}.overlay[data-v-88751ade]{opacity:0;pointer-events:none;position:fixed;z-index:1000;background-color:rgba(28,28,28,.85)}.overlay[data-v-88751ade],.thumbnail-overlay[data-v-88751ade]{top:0;left:0;bottom:0;right:0;-webkit-transition:all .3s;transition:all .3s}.thumbnail-overlay[data-v-88751ade]{position:absolute;background-color:transparent}.card[data-v-88751ade]{cursor:pointer}.card:hover .thumbnail-overlay[data-v-88751ade]{background-color:rgba(28,28,28,.85)}.card:hover .heart[data-v-88751ade]{opacity:1}.thumbnail-wrapper[data-v-88751ade]{position:relative}.video-meta-time[data-v-88751ade]{position:absolute;bottom:0;right:0;margin:4px;color:#fff;background-color:rgba(0,0,0,.8);padding:2px 4px;border-radius:2px;letter-spacing:.5px;font-weight:500;line-height:1.2rem}.video-detail[data-v-88751ade]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}h3[data-v-88751ade]{font-weight:400}.video-title[data-v-88751ade]{margin-top:12px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.channel-thumbnail-wrapper[data-v-88751ade]{padding-top:12px;padding-right:12px;-webkit-box-flex:0;-ms-flex:none;flex:none}.video-channel-thumbnail[data-v-88751ade]{border-radius:50%}.video-meta-viewCount[data-v-88751ade]{color:#aaa}.video-text[data-v-88751ade]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:24px;min-width:0}.channel-name[data-v-88751ade]{color:#aaa;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.center[data-v-88751ade]{display:inline-block;position:absolute}.center[data-v-88751ade],.heart[data-v-88751ade]{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.heart[data-v-88751ade]{position:relative;width:36px;height:36px;opacity:0}.heart-icon[data-v-88751ade]{fill:#d3d3d3;cursor:pointer}.animation-container[data-v-88751ade]{width:200%;height:200%;pointer-events:none}.lines line[data-v-88751ade]{stroke:#da4336;stroke-width:5px}.active .heart-icon[data-v-88751ade]{fill:#da4336;-webkit-animation:beat-data-v-88751ade .3s ease-out;animation:beat-data-v-88751ade .3s ease-out;opacity:1}.ring[data-v-88751ade]{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.active .ring[data-v-88751ade]{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(10);transform:scale(10)}@-webkit-keyframes beat-data-v-88751ade{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes beat-data-v-88751ade{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:1199.98px){.video-wrapper[data-v-88751ade]{width:33%}}@media (max-width:991.98px){.guide-wrapper[data-v-88751ade]{-webkit-transition:all .3s ease-in;transition:all .3s ease-in;min-width:240px;-webkit-transform:translateX(-100%);transform:translateX(-100%);position:fixed;-webkit-box-shadow:0 0 2rem rgba(28,28,28,.985);box-shadow:0 0 2rem rgba(28,28,28,.985)}.guide-wrapper.active[data-v-88751ade]{-webkit-transform:translateX(0);transform:translateX(0)}.overlay.active[data-v-88751ade]{opacity:1;pointer-events:auto}.guide-text[data-v-88751ade]{padding-left:24px;padding-right:24px;visibility:visible}}@media (max-width:767.98px){.video-wrapper[data-v-88751ade]{width:50%}}@media (max-width:575.98px){.video-wrapper[data-v-88751ade]{width:100%}}.thumbnail-wrapper[data-v-88751ade]{width:100%;height:0;padding-bottom:55%}.video-thumbnail[data-v-88751ade]{width:100%;height:100%;position:absolute;left:0;top:0}