.vimeo-player-container[data-v-72c8e9aa]{background-color:#000;height:100%;width:100%}.video-outer[data-v-72c8e9aa]{height:100%;position:relative;width:60vw}.recommendations-overlay[data-v-72c8e9aa]{animation:fadeIn-72c8e9aa .3s ease-out;background:rgba(0,0,0,.9);bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.recommendations-container[data-v-72c8e9aa],.recommendations-overlay[data-v-72c8e9aa]{align-items:center;display:flex;justify-content:center}.recommendations-container[data-v-72c8e9aa]{animation:slideUp-72c8e9aa .3s ease-out;background:#000;box-sizing:border-box;flex-direction:column;gap:25px;height:100%;padding:24px 32px;position:relative;width:100%}.recommendations-title[data-v-72c8e9aa]{color:#fff;font-size:22px;font-weight:400;margin-bottom:24px;text-align:center}.recommendations-grid[data-v-72c8e9aa]{display:grid;gap:32px;grid-template-columns:repeat(2,1fr)}.recommendation-item[data-v-72c8e9aa]{-webkit-tap-highlight-color:transparent;cursor:pointer;overflow:hidden;touch-action:manipulation;transition:transform .2s}.recommendation-item[data-v-72c8e9aa]:hover{transform:scale(1.05)}.recommendation-thumbnail-block[data-v-72c8e9aa]{-webkit-tap-highlight-color:transparent;cursor:pointer;display:block;position:relative;touch-action:manipulation}.recommendation-thumbnail[data-v-72c8e9aa]{-o-object-fit:contain;object-fit:contain;width:100%}.play-button-overlay[data-v-72c8e9aa]{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.play-button-icon[data-v-72c8e9aa]{filter:grayscale(100%) contrast(250%) drop-shadow(0 2px 4px rgba(0,0,0,.3));height:85px;transition:transform .2s ease}.recommendation-item:hover .play-button-icon[data-v-72c8e9aa]{transform:scale(1.1)}.recommendation-title-block[data-v-72c8e9aa]{-webkit-tap-highlight-color:transparent;cursor:pointer;padding:12px;touch-action:manipulation}.recommendation-subtitle[data-v-72c8e9aa]{-webkit-line-clamp:1;line-clamp:1;margin:0 0 4px}.recommendation-subtitle[data-v-72c8e9aa],.recommendation-title[data-v-72c8e9aa]{-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:16px;font-weight:400;line-height:1.3;overflow:hidden}.recommendation-title[data-v-72c8e9aa]{-webkit-line-clamp:2;line-clamp:2;margin:0}.close-recommendations[data-v-72c8e9aa]{-webkit-tap-highlight-color:transparent;align-items:center;background:rgba(0,0,0,.8);border:none;border-radius:4px;bottom:8px;cursor:pointer;display:flex;height:32px;justify-content:center;left:8px;position:absolute;touch-action:manipulation;transition:background-color .2s;width:56px}.arrow-icon[data-v-72c8e9aa]{filter:invert(1);height:20px;transition:transform .2s;width:20px}.close-recommendations[data-v-72c8e9aa]:hover{background:#000}@keyframes fadeIn-72c8e9aa{0%{opacity:0}to{opacity:1}}@keyframes slideUp-72c8e9aa{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-height:440px) or (max-width:440px){.video-outer[data-v-72c8e9aa]{width:53.34vw}.recommendation-subtitle[data-v-72c8e9aa],.recommendation-title[data-v-72c8e9aa]{font-size:12px}.recommendations-title[data-v-72c8e9aa]{font-size:14px;margin-bottom:0}.close-recommendations[data-v-72c8e9aa]{bottom:16px;left:16px;position:fixed;z-index:2}}@media (max-width:767px){.video-outer[data-v-72c8e9aa]{width:90vw}.hidden-for-recommendations[data-v-72c8e9aa]{display:none!important}.recommendations-grid[data-v-72c8e9aa]{grid-template-columns:1fr}.recommendations-container[data-v-72c8e9aa]{padding:0}.recommendation-item[data-v-72c8e9aa]{display:none}.recommendation-item[data-v-72c8e9aa]:first-child{display:block;min-height:200px;touch-action:manipulation}.recommendation-thumbnail-block[data-v-72c8e9aa]{position:relative;z-index:2}.recommendation-title-block[data-v-72c8e9aa]{padding:0 12px;position:relative;z-index:2}.recommendations-title[data-v-72c8e9aa]{margin:56px 0 -16px}.arrow-icon[data-v-72c8e9aa]{height:18px;width:18px}}@media (max-width:767px) and (orientation:landscape){.video-outer[data-v-72c8e9aa]{width:60vw}.recommendations-container[data-v-72c8e9aa]{width:80%}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.video-outer[data-v-72c8e9aa]{width:90vw}}
