.video__effects{width:calc(100% - 64px);height:calc(100vh - var(--gen-header-height) - 16px);padding:20px;background-color:#fff;margin:0 auto;border-radius:12px;overflow-y:overlay;margin-bottom:16px}.video__effects_title{color:#fff;font-size:28px;margin-bottom:20px;font-weight:600}.video__effects_grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(246px, 1fr));gap:14px}.video__effects_item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;aspect-ratio:1/1;border:3px solid rgba(0,0,0,0);padding:1px}.video__effects_item:hover,.video__effects_item.active{border-color:#8b3dff;box-shadow:0 5px 15px rgba(0,0,0,.1)}.video__effects_item::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:12px;pointer-events:none;z-index:-1;opacity:0;transition:opacity .3s ease;box-shadow:0 0 15px 2px #8b3dff}.video__effects_item:hover::after,.video__effects_item.active::after{opacity:1}.video__effects_item .item_image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.video__effects_item .item_label{position:absolute;bottom:1px;left:1px;right:1px;padding:10px;background:rgba(239,239,243,.1);color:#fff;text-align:center;border-radius:0 0 5px 5px;font-size:14px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video__effects_item .item_tag{position:absolute;top:10px;right:10px;padding:2px 10px;border-radius:0px 8px 0px 14px;font-size:10px;color:#fff;text-transform:uppercase;font-style:italic}.video__effects_item .item_tag.new{background:rgba(0,0,0,0) linear-gradient(90deg, rgb(248, 103, 109) 0%, rgb(238, 26, 61) 100%)}.video__effects_item .item_tag.hot{background:rgba(0,0,0,0) linear-gradient(124deg, rgb(255, 255, 94) 0%, rgb(243, 89, 43) 100%)}.video__effects_loader{display:flex;justify-content:center;height:100%;align-items:center}.video__effects_loader .loader{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #d946ef;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media screen and (max-width: 768px){.video__effects{padding:15px;width:100%;border-radius:0}.video__effects_grid{grid-template-columns:repeat(2, minmax(200px, 1fr));gap:15px}.video__effects_title{font-size:24px}}@media screen and (max-width: 480px){.video__effects{padding:10px}.video__effects_grid{grid-template-columns:repeat(2, minmax(150px, 1fr));gap:10px}.video__effects_title{font-size:20px}}