.eyss-container{position:relative;margin:20px 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.eyss-error{background-color:#f8d7da;color:#721c24;padding:15px;border:1px solid #f5c6cb;border-radius:4px;margin:10px 0}.eyss-error p{margin:0}.eyss-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0;margin:0}.eyss-layout-carousel{position:relative;margin:20px 0}.eyss-carousel-splide{position:relative}.eyss-carousel-splide .splide__track{overflow:visible}.eyss-carousel-splide .splide__list{gap:20px}.eyss-carousel-splide .splide__slide{width:auto}.eyss-splide-arrows{position:relative}.eyss-splide-arrow{background:rgb(0 0 0 / .7)!important;color:white!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;font-size:20px!important;cursor:pointer!important;z-index:10!important;transition:background-color 0.3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;top:50%!important;transform:translateY(-50%)!important}.eyss-splide-arrow:hover{background:rgb(0 0 0 / .9)!important}.eyss-splide-arrow:disabled{opacity:0.5!important;cursor:not-allowed!important}.eyss-splide-prev{left:-50px!important}.eyss-splide-next{right:-50px!important}.eyss-splide-arrow svg{fill:currentColor;width:12px;height:12px}.eyss-videos-list{display:flex;flex-direction:column;gap:15px}.eyss-videos-list .eyss-video-item{display:flex;align-items:flex-start;gap:15px;padding:15px;border:1px solid #e1e5e9;border-radius:8px;background:#fff;transition:box-shadow 0.3s ease}.eyss-videos-list .eyss-video-item:hover{box-shadow:0 4px 12px rgb(0 0 0 / .1)}.eyss-videos-list .eyss-video-thumbnail{flex-shrink:0;width:160px}.eyss-videos-list .eyss-video-info{flex:1;margin-top:0}.eyss-video-item{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.eyss-video-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.eyss-video-thumbnail{position:relative;width:100%;padding-bottom:177.78%;background:#000;overflow:hidden}.eyss-videos-list .eyss-video-thumbnail{padding-bottom:56.25%}.eyss-video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.eyss-video-item:hover .eyss-video-thumbnail img{transform:scale(1.05)}.eyss-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(0 0 0 / .8);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:0}.eyss-video-item:hover .eyss-play-button{opacity:1;background:rgb(255 0 0 / .9)}.eyss-duration{position:absolute;bottom:8px;right:8px;background:rgb(0 0 0 / .8);color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700}.eyss-video-info{padding:15px}.eyss-videos-list .eyss-video-info{padding:0}.eyss-video-title{margin:0 0 8px 0;font-size:16px;font-weight:600;line-height:1.3;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.eyss-videos-list .eyss-video-title{font-size:18px;-webkit-line-clamp:1}.eyss-video-stats{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}.eyss-videos-list .eyss-video-stats{flex-direction:column;align-items:flex-start;gap:4px}.eyss-views{font-weight:500}.eyss-date{color:#888}.eyss-video-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-decoration:none}.eyss-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.eyss-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgb(0 0 0 / .5)}.eyss-modal-close{position:absolute;top:10px;right:15px;color:#fff;font-size:28px;font-weight:700;cursor:pointer;z-index:10;background:rgb(0 0 0 / .7);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.eyss-modal-close:hover{background:rgb(0 0 0 / .9)}.eyss-modal-video{position:relative;padding-bottom:177.78%;height:0}.eyss-modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:768px){.eyss-videos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.eyss-splide-prev{left:-35px!important}.eyss-splide-next{right:-35px!important}.eyss-splide-arrow{width:30px!important;height:30px!important;font-size:16px!important}.eyss-videos-list .eyss-video-item{flex-direction:column;gap:10px}.eyss-videos-list .eyss-video-thumbnail{width:100%}.eyss-modal-content{width:95%;max-width:350px}}@media (max-width:480px){.eyss-videos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.eyss-video-info{padding:12px}.eyss-video-title{font-size:14px}.eyss-video-stats{font-size:12px;flex-direction:column;align-items:flex-start;gap:2px}}.eyss-loading{display:flex;justify-content:center;align-items:center;padding:40px}.eyss-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid red;border-radius:50%;animation:eyss-spin 1s linear infinite}@keyframes eyss-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.eyss-video-item:focus-within{outline:2px solid #005fcc;outline-offset:2px}.eyss-splide-arrow:focus{outline:2px solid #005fcc;outline-offset:2px}.eyss-search-container{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.eyss-search-input-wrapper{position:relative;display:flex;align-items:center}.eyss-search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;background:#fff;transition:border-color 0.3s ease;box-sizing:border-box}.eyss-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#6c757d;font-size:20px;line-height:1;border-radius:4px;transition:color 0.3s ease,background-color 0.3s ease;display:none}.eyss-search-clear:hover{color:#dc3545;background:rgb(220 53 69 / .1)}.eyss-search-clear:focus{outline:2px solid #005fcc;outline-offset:2px}.eyss-search-input:focus{outline:none;border-color:#007cba;box-shadow:0 0 0 2px rgb(0 124 186 / .1)}.eyss-search-input::placeholder{color:#6c757d}.eyss-search-results-count{margin-top:10px;font-size:14px;color:#6c757d;text-align:center}.eyss-total-count{font-weight:600;color:#495057}.eyss-no-results{text-align:center;padding:40px 20px;color:#6c757d}.eyss-no-results p{margin:0;font-size:16px}.eyss-load-more-container{margin-top:20px;text-align:center}.eyss-load-more-btn{background:#007cba;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;min-width:160px}.eyss-load-more-btn:hover{background:#005a87;transform:translateY(-1px)}.eyss-load-more-btn:active{transform:translateY(0)}.eyss-load-more-btn.loading{background:#6c757d;cursor:not-allowed;transform:none}.eyss-load-more-btn:focus{outline:2px solid #005fcc;outline-offset:2px}.eyss-videos.eyss-loading{opacity:.6;position:relative}.eyss-videos.eyss-loading::before{content:'';position:absolute;top:50%;left:50%;width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #007cba;border-radius:50%;animation:eyss-spin 1s linear infinite;transform:translate(-50%,-50%);z-index:10}@keyframes eyss-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.eyss-infinite-loader{text-align:center;padding:20px;font-size:14px;color:#666;background:#f9f9f9;border-top:1px solid #e0e0e0;margin-top:20px;border-radius:0 0 8px 8px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px}.eyss-infinite-loader::before{content:'';width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007cba;border-radius:50%;animation:eyss-infinite-spin 1s linear infinite}@keyframes eyss-infinite-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.eyss-container[data-scroll-type="infinite_scroll"] .eyss-load-more-container{display:none!important}.eyss-container[data-scroll-type="infinite_scroll"]{scroll-behavior:smooth}@media print{.eyss-container{display:none}}