.hallimsoft-video-playlist{width:-webkit-fill-available;height:-webkit-fill-available}.hallimsoft-video-playlist .buttons-container{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;font-family:'Fira Sans',sans-serif;padding:0;margin:0;list-style-type:none;font-size:16px;gap:5px}.hallimsoft-video-playlist>.buttons-container button.filter-button{--background-color-opacity:.05;font-family:inherit;font-size:16px;font-weight:400;min-width:167px;display:flex;justify-content:center;border-radius:5px;padding:0 10px;border-style:solid;border-width:1px;border-color:transparent;color:var(--e-global-color-primary);background:linear-gradient(217deg,rgba(0,172,198,var(--background-color-opacity)),rgba(255,0,0,0) 70.71%),linear-gradient(176deg,rgba(238,56,80,var(--background-color-opacity)),rgba(0,255,0,0) 70.71%),linear-gradient(19deg,rgba(7,60,92,var(--background-color-opacity)),rgba(0,0,255,0) 70.71%)}.hallimsoft-video-playlist>.buttons-container button.filter-button p{min-height:auto}.hallimsoft-video-playlist .buttons-container button.filter-button:not(:disabled):not(.active):hover{--background-color-opacity:.2;border-color:var(--e-global-color-accent)}.hallimsoft-video-playlist .buttons-container button.filter-button.active{--background-color-opacity:.2;border-color:var(--e-global-color-accent);outline:none}.hallimsoft-video-playlist .buttons-container button.filter-button:focus{outline:none}.hallimsoft-video-playlist .buttons-container button.filter-button:disabled{opacity:.5}@media screen and (max-width :500px){.hallimsoft-video-playlist>.buttons-container button.filter-button{width:85%}}.hallimsoft-video-playlist .custom-grid{padding:16px;display:grid;gap:22px}.hallimsoft-video-playlist .custom-grid .content{height:100%}.hallimsoft-video-playlist .custom-grid>div{width:100%;display:flex;flex-direction:column}.hallimsoft-video-playlist .custom-grid img{width:inherit}.hallimsoft-video-playlist .custom-grid.grid-2{grid-template-columns:repeat(2,1fr)}.hallimsoft-video-playlist .custom-grid.grid-4{grid-template-columns:repeat(4,1fr)}.hallimsoft-video-playlist .custom-grid.grid-2>*,.hallimsoft-video-playlist .custom-grid.grid-4>*{padding:10px;margin:10px;border-radius:5px;box-shadow:0 4px 8px 0 rgb(0 0 0/20%),0 6px 20px 0 rgb(0 0 0/19%)}@media screen and (max-width:1024px){.hallimsoft-video-playlist .custom-grid.grid-2,.hallimsoft-video-playlist .custom-grid.grid-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:800px){.hallimsoft-video-playlist .custom-grid.grid-2,.hallimsoft-video-playlist .custom-grid.grid-4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:512px){.hallimsoft-video-playlist .custom-grid.grid-2,.hallimsoft-video-playlist .custom-grid.grid-4{grid-template-columns:repeat(1,1fr)}}.hallimsoft-video-playlist .item.hvp-video-item{position:relative;padding:0;margin:0;height:100%;display:none;overflow:hidden;border-style:solid;border-width:2px;border-color:transparent;background:#fff;transition:all .3s ease-in-out}.hallimsoft-video-playlist .item.hvp-video-item:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#073c5c,#41d3eb) border-box}.hallimsoft-video-playlist .item.hvp-video-item.show{display:block}.hallimsoft-video-playlist .item.hvp-video-item a{text-decoration:none}.hallimsoft-video-playlist .item.hvp-video-item .shared-link{position:absolute;top:0;right:0;margin:0;padding:20px;opacity:.5;color:#fff;border-style:none;border-radius:9999px;cursor:pointer;outline:none;transition:all .3s ease-in-out;background-color:transparent}.hallimsoft-video-playlist .item.hvp-video-item .shared-link:hover{opacity:1}.hallimsoft-video-playlist .item.hvp-video-item img{width:100%;aspect-ratio:16/9;border-style:solid;border-color:#000;border-width:1px}.hallimsoft-video-playlist .item.hvp-video-item p{font-size:12px;margin:5px 10px 0;line-height:16px;min-height:auto}.hallimsoft-video-playlist .item.hvp-video-item p.playlist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hallimsoft-video-playlist .item.hvp-video-item h4{display:block;display:box;display:-webkit-box;font-size:16px;margin:0 10px 5px;line-height:16px;max-height:32px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.hallimsoft-video-playlist .item.hvp-video-item p.description{display:block;display:box;display:-webkit-box;max-height:32px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal}.hallimsoft-video-playlist .item.hvp-image-item{position:relative;padding:0;margin:0;height:100%;min-height:330px;display:none;overflow:hidden;border-style:solid;border-width:2px;border-color:transparent;background:#fff;transition:all .3s ease-in-out}.hallimsoft-video-playlist .item.hvp-image-item.show{display:block}.hallimsoft-video-playlist .custom-grid .content{height:-webkit-fill-available;display:flex;margin:20px;flex-direction:column;flex-wrap:nowrap;align-items:center}.hallimsoft-video-playlist .item.hvp-image-item a{cursor:default}.hallimsoft-video-playlist .item.hvp-image-item img{width:75%;aspect-ratio:1/1;margin:0}.hallimsoft-video-playlist .item.hvp-image-item h4{text-align:center;font-size:18px;margin:10px 0}.hallimsoft-video-playlist .item.hvp-image-item p.description{text-align:center;font-size:14px;line-height:18px;min-height:auto;min-width:220px}