main{width:100%;padding:0 32px}.photoEffects_container{width:100%;background:#ffffff 0% 0% no-repeat padding-box;height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;border-radius:12px}.photoEffects_table{padding:20px;gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.photoEffects_table .effects_item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.photoEffects_table .effects_item .effects_banner{width:100%;height:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.photoEffects_table .effects_item .effects_icon{border:1px solid rgba(0,0,0,0);border-radius:0px 8px 0px 14px;height:20px;padding:0 12px;font:italic normal bold 10px/16px Poppins;color:#ffffff;position:absolute;right:10px;top:8px}.photoEffects_table .effects_item .effects_icon.HOT{background:transparent linear-gradient(124deg,#ffff5e 0%,#f3592b 100%) 0% 0% no-repeat padding-box}.photoEffects_table .effects_item .effects_icon.NEW{background:transparent -webkit-gradient(linear,left top,right top,from(#f8676d),to(#ee1a3d)) 0% 0% no-repeat padding-box;background:transparent linear-gradient(90deg,#f8676d 0%,#ee1a3d 100%) 0% 0% no-repeat padding-box}.photoEffects_table .effects_item .effects_icon.PRO{background:transparent linear-gradient(124deg,#f4d01b 0%,#ff9560 100%) 0% 0% no-repeat padding-box}.photoEffects_table .effects_item .effects_item_btn{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:0 18px;font:normal normal 500 15px/10px Poppins;letter-spacing:0px;color:#ffffff;border-radius:18px;height:29px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent -webkit-gradient(linear,right top,left top,from(#4c15e2),to(#8b3dff)) 0% 0% no-repeat padding-box;background:transparent linear-gradient(270deg,#4c15e2 0%,#8b3dff 100%) 0% 0% no-repeat padding-box;opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.photoEffects_table .effects_item .effects_item_name{font:normal normal 500 14px/21px Poppins;color:#ffffff;position:absolute;top:12px;max-width:150px;word-break:break-all;left:17px}.photoEffects_table .effects_item:before{content:"";display:block;position:absolute;width:100%;top:0;height:58px;background:transparent -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),to(#000000)) 0% 0% no-repeat padding-box;background:transparent linear-gradient(0deg,rgba(0,0,0,0) 0%,#000000 100%) 0% 0% no-repeat padding-box;border-radius:16px 16px 0px 0px;opacity:0.69}.photoEffects_table .effects_item.active,.photoEffects_table .effects_item:hover{-webkit-box-shadow:0px 0px 0px 4px #8b3dff;box-shadow:0px 0px 0px 4px #8b3dff;border-radius:15px;outline:1px solid #fff}.photoEffects_table .effects_item.active .effects_footer,.photoEffects_table .effects_item:hover .effects_footer{color:#8b3dff}@media screen and (min-width:1200px){.photoEffects_table .effects_item:hover .effects_item_btn{opacity:1;bottom:19px}}.effect_loading{width:100%;min-height:150px;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:1200px){main{height:calc(100vh - var(--gen-header-height));min-height:800px;padding-bottom:16px;width:100%}}@media screen and (max-width:1200px){main{width:100%;padding:0.4rem 0 0}}#effect_observe{width:100%;height:2px;-ms-flex-negative:0;flex-shrink:0}