@keyframes progressgenerate{0%{opacity:0}30%{opacity:1}70.1%{opacity:1}100%{opacity:0}}@keyframes loadingRotate{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}:root{--ratio-width: 16;--ratio-height: 9}#gen-aside,#gen-header{display:none}.main{display:flex;width:100%;padding:0 32px}.main h1{width:100%;font:normal normal bold 31px/43px Roboto;color:#282e48;text-align:center}.main .desc{text-align:center;margin:10px 0 10px;font:normal normal normal 16px/25px Roboto;color:#a1a4b3}@media(min-width: 1200px){.main .desc{min-height:50px}}.main .operate_box{width:480px;margin-left:16px;background-color:#fff;border-radius:12px;padding:16px;flex-shrink:0}@media(min-width: 1200px){.main .operate_box{display:flex;flex-direction:column}}.main .operate_box .operate_container{background:rgba(40,46,72,.06);border-radius:8px;width:100%;min-height:550px;overflow-y:scroll;padding:12px;flex:1;min-height:221px}.main .operate_box .operate_container .operate_content{margin-top:16px;display:none}.main .operate_box .operate_container .operate_title{font:normal normal 500 14px/19px Roboto;color:#282e48;margin:0 0 8px;display:flex;justify-content:space-between}.main .operate_box .operate_container .operate_title .icon_up{width:12px;height:12px;cursor:pointer;transition:all .3s ease}.main .operate_box .operate_container .operate_title .icon_up.down{transform:rotate(-180deg)}.main .operate_box .operate_container .modal_selector{position:relative}.main .operate_box .operate_container .modal_selector.active .modalBox{border:2px solid #8b3dff}.main .operate_box .operate_container .modal_selector.active .modalBox .modal_selectIcon{transform:rotate(-180deg)}.main .operate_box .operate_container .modal_selector.active .modal_selector_wrapper{opacity:1;visibility:visible;transform:scaleY(1)}.main .operate_box .operate_container .modalBox{width:100%;padding:26px 24px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:6px;border:2px solid rgba(0,0,0,0)}.main .operate_box .operate_container .modalBox .modalBox_content{display:flex;align-items:center}.main .operate_box .operate_container .modalBox .modalLogo{width:32px;height:32px;margin-left:16px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.main .operate_box .operate_container .modalBox .modalLogo[src=""],.main .operate_box .operate_container .modalBox .modalLogo:not([src]){visibility:hidden}.main .operate_box .operate_container .modalBox .modalTitle{font:normal normal 500 13px/18px Roboto;letter-spacing:0px;color:#282e48;margin-bottom:4px}.main .operate_box .operate_container .modalBox .modalDesc{font:normal normal normal 12px/16px Roboto;letter-spacing:0px;color:#a1a4b3}.main .operate_box .operate_container .modalBox .modal_selectIcon{flex-shrink:0}@media(min-width: 1200px){.main .operate_box .operate_container .modalBox{cursor:pointer}.main .operate_box .operate_container .modalBox:hover{border:2px solid #8b3dff}}.main .operate_box .operate_container .modal_selector_wrapper{position:absolute;top:calc(100% + 12px);background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1215686275);border-radius:6px;z-index:1;width:100%;padding:12px 16px;opacity:0;visibility:hidden;transform:scaleY(0);transition:.1s all ease-in-out;transform-origin:top}.main .operate_box .operate_container .modal_item{width:100%;display:flex;align-items:center;justify-content:flex-start;position:relative;cursor:pointer}.main .operate_box .operate_container .modal_item>img{width:32px;height:32px;display:block;margin-left:16px;flex-shrink:0}.main .operate_box .operate_container .modal_item .model-name{font:normal normal 500 13px/18px Roboto;color:#282e48}.main .operate_box .operate_container .modal_item .model-desc{margin-top:5px;font:normal normal normal 12px/16px Roboto;color:#a1a4b3}.main .operate_box .operate_container .modal_item{width:100%;height:74px;padding:8px;border-radius:8px;position:relative;margin-bottom:6px;border:2px solid rgba(0,0,0,0);transition:.1s all ease-in-out}@media screen and (min-width: 1200px){.main .operate_box .operate_container .modal_item:not(.active):hover{background-color:rgba(40,46,72,.06)}}.main .operate_box .operate_container .modal_item.active{border-color:#8b3dff}.main .operate_box .operate_container .modal_item.active:after{content:"";display:block;position:absolute;top:2px;left:2px;width:24px;height:18px;background-size:contain;background-repeat:no-repeat;background-image:url("../img/gen/common/icon_select_model.svg")}.main .operate_box .operate_container .model-pro-tag{padding:3px 7px 2px 8px;background:rgba(0,0,0,0) linear-gradient(-90deg, #f4d01b 0%, #ff9362 100%) 100% 0 no-repeat padding-box;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font:italic normal bold 11px/15px Roboto;color:#fff;margin:0 8px;text-transform:uppercase}.main .operate_box .operate_container .operate_description{width:100%;height:134px;padding:12px;padding-bottom:40px;position:relative;background:#fff 100% 0% no-repeat padding-box;border:1px solid #e9ecf6;border-radius:8px}@media(min-width: 1200px){.main .operate_box .operate_container .operate_description:hover{border:1px solid #8b3dff}}.main .operate_box .operate_container .operate_description.generate{pointer-events:none;opacity:.5}.main .operate_box .operate_container .operate_description.generate .generateAi img{animation:loadingRotate 1.5s linear infinite;content:url("../img/nano-banana/icon_loading.svg")}.main .operate_box .operate_container #image_description{width:100%;height:100%;color:#282e48;border:none;outline:none;resize:none;font:normal normal normal 14px/19px Roboto}.main .operate_box .operate_container #image_description::-moz-placeholder{color:#a1a4b3}.main .operate_box .operate_container #image_description::placeholder{color:#a1a4b3}.main .operate_box .operate_container #image_description::-webkit-scrollbar{display:none}.main .operate_box .operate_container #image_description:focus-visible{border:none;outline:none}.main .operate_box .operate_container .desc_footer{width:100%;display:flex;align-items:center;justify-content:space-between}.main .operate_box .operate_container .desc_footer .maxLength{font:normal normal normal 13px/18px Roboto;color:#8b8b8b}.main .operate_box .operate_container .desc_footer .maxLength span{font:normal normal normal 13px/18px Roboto;color:#8b8b8b}.main .operate_box .operate_container .desc_footer .maxLength.error{color:#ee1a3d}.main .operate_box .operate_container .desc_footer .maxLength.error span{color:#ee1a3d}.main .operate_box .operate_container .desc_footer .generateAi{display:flex;align-items:center;text-decoration:underline;font:normal normal normal 13px/18px Roboto;color:#8b3dff;cursor:pointer}.main .operate_box .operate_container .desc_footer .generateAi img{width:16px;height:16px;-o-object-fit:cover;object-fit:cover;margin-left:8px}@media(min-width: 1200px){.main .operate_box .operate_container .desc_footer .generateAi:hover{opacity:.7}}.main .operate_box .operate_container .operate_quantity{display:flex}.main .operate_box .operate_container .operate_quantity .quantity_item{width:42px;height:42px;background:#fff 100% 0% no-repeat padding-box;border-radius:6px;display:flex;align-items:center;justify-content:center;font:normal normal normal 13px/18px Roboto;cursor:pointer;color:#282e48;margin-left:10px}@media(min-width: 1200px){.main .operate_box .operate_container .operate_quantity .quantity_item:hover{border:1px solid #8b3dff}}.main .operate_box .operate_container .operate_quantity .quantity_item.active{border:2px solid #8b3dff}.main .operate_box .operate_container .operate_ratio{display:flex}.main .operate_box .operate_container .operate_ratio .ratio_item{width:64px;height:64px;background:#fff 100% 0% no-repeat padding-box;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:normal normal normal 13px/18px Roboto;cursor:pointer;color:#282e48;margin-left:12px}.main .operate_box .operate_container .operate_ratio .ratio_item img{width:20px;height:20px;margin-bottom:4px}@media(min-width: 1200px){.main .operate_box .operate_container .operate_ratio .ratio_item:hover{border:1px solid #8b3dff}}.main .operate_box .operate_container .operate_ratio .ratio_item.active{border:2px solid #8b3dff}.main .operate_box .operate_container .operate_dimension{display:flex}.main .operate_box .operate_container .operate_dimension .dimension_item{background:#fff 100% 0% no-repeat padding-box;border-radius:6px;height:64px;padding:12px 16px 0;width:111px;display:flex;flex-direction:column;align-items:center;font:normal normal 500 13px/18px Roboto;letter-spacing:0px;color:#282e48;position:relative;cursor:pointer}.main .operate_box .operate_container .operate_dimension .dimension_item .dimension_Standard,.main .operate_box .operate_container .operate_dimension .dimension_item .dimension_Premium{direction:ltr}.main .operate_box .operate_container .operate_dimension .dimension_item span+span{margin-top:8px}.main .operate_box .operate_container .operate_dimension .dimension_item .pro_icon{background:rgba(0,0,0,0) linear-gradient(-270deg, #ff9463 0%, #f4d228 100%) 100% 0% no-repeat padding-box;border-radius:10px;height:20px;padding:0 10px;font:italic normal bold 11px/20px Roboto;color:#fff;position:absolute;transform:translateY(-100%);left:0;display:none}.main .operate_box .operate_container .operate_dimension .dimension_item.pro .pro_icon{display:block}.main .operate_box .operate_container .operate_dimension .dimension_item+.dimension_item{margin-right:10px}@media(min-width: 1200px){.main .operate_box .operate_container .operate_dimension .dimension_item:hover{outline:1px solid #8b3dff}}.main .operate_box .operate_container .operate_dimension .dimension_item.active{outline:2px solid #8b3dff}.main .operate_box .operate_container .operate_Unwanted{width:100%;height:-moz-fit-content;height:fit-content;position:relative;height:120px;padding:12px;padding-bottom:30px;border:1px solid #e9ecf6;background:#fff 100% 0% no-repeat padding-box;border-radius:6px}@media(min-width: 1200px){.main .operate_box .operate_container .operate_Unwanted:hover{border:1px solid #8b3dff}}.main .operate_box .operate_container #unwantedContent{background:#fff 100% 0% no-repeat padding-box;width:100%;height:100%;color:#282e48;outline:none;border:none;resize:none;font:normal normal normal 14px/19px Roboto}.main .operate_box .operate_container #unwantedContent::-moz-placeholder{color:#a1a4b3}.main .operate_box .operate_container #unwantedContent::placeholder{color:#a1a4b3}.main .operate_box .operate_container #unwantedContent::-webkit-scrollbar{display:none}.main .operate_box .operate_container #unwantedContent:focus-visible{border:none;outline:none}.main .operate_box .operate_container .unwantedNum{position:absolute;bottom:12px;left:12px;font:normal normal normal 12px/16px Roboto;color:#a1a4b3}.main .operate_box .operate_container .unwantedNum span{font:normal normal normal 12px/16px Roboto;color:#a1a4b3}.main .operate_box .operate_container .unwantedNum.error{color:#ee1a3d}.main .operate_box .operate_container .unwantedNum.error span{color:#ee1a3d}.main .operate_box .operate_build{margin-top:24px;background:rgba(0,0,0,0) linear-gradient(-270deg, #4c15e2 0%, #8b3dff 100%) 100% 0% no-repeat padding-box;border-radius:6px;width:100%;height:48px;display:flex;align-self:center;justify-content:center;position:relative}@media(min-width: 1200px){.main .operate_box .operate_build:hover{cursor:pointer;opacity:.7}}.main .operate_box .operate_build .build_btn{color:#fff;font:normal normal normal 16px/48px Roboto}.main .operate_box .operate_build .loading_animation{display:none}.main .operate_box .operate_build.disabled{pointer-events:none;opacity:.3}.main .operate_box .operate_tip{width:100%;display:flex;align-items:center;justify-content:center;font:normal normal normal 13px/18px Roboto;letter-spacing:0px;color:#282e48;margin-top:12px}.main .operate_box .operate_tip img{width:14px;height:14px;margin-left:4px}.main .operate_box.loading .operate_description,.main .operate_box.loading .lite_select,.main .operate_box.loading .operate_quantity,.main .operate_box.loading .operate_ratio,.main .operate_box.loading .operate_Unwanted,.main .operate_box.loading .operate_dimension,.main .operate_box.loading .operate_build{pointer-events:none;opacity:.3}.main .operate_box.loading .loading_animation{display:flex}.main .production_box{padding:40px 52px 32px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;flex:1;overflow:hidden}.main .production_box .init_banner{border-radius:10px;width:100%;flex:1;height:100%;background-image:url("../img/nano-banana/banner.png");background-size:contain;background-repeat:no-repeat;background-position-x:center}@media(min-width: 1200px){.main .production_box .init_banner{margin-bottom:72px}}.main .production_box .second_exhibition{margin-right:12px}.main .production_box .second_exhibition .second_item{width:76px;height:76px;margin-bottom:10px;display:none}.main .production_box .second_exhibition .second_item.active{outline:2px solid #fff;border-radius:10px;box-shadow:0 0 0 4px #8b3dff}.main .production_box .second_exhibition .second_item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}@media(min-width: 1200px){.main .production_box .second_exhibition .second_item{cursor:pointer}}.main .production_box .exhibition_box{flex:1;width:100%}.main .production_box .exhibition_box.loading{display:flex}.main .production_box .exhibition_box.loading .main_exhibition{width:100%}.main .production_box .exhibition_box.loading .main_exhibition .main_generate_img{display:none}.main .production_box .exhibition_box.loading .second_item{background:rgba(40,46,72,.04);border-radius:6px;outline:none;box-shadow:none}.main .production_box .exhibition_box.loading .second_item img{display:none}.main .production_box .exhibition_box:not(.loading) .main_generate{display:none}.main .production_box .exhibition_box[data-quantity="1"] .second_item:first-child{display:block}.main .production_box .exhibition_box[data-quantity="2"] .second_item:first-child{display:block}.main .production_box .exhibition_box[data-quantity="2"] .second_item:nth-child(2){display:block}.main .production_box .exhibition_box[data-quantity="3"] .second_item{display:block}.main .production_box .exhibition_box[data-quantity="3"] .second_item:nth-child(4){display:none}.main .production_box .exhibition_box[data-quantity="4"] .second_item{display:block}.main .production_box .main_exhibition{display:flex;justify-content:center;border-radius:10px}.main .production_box .main_exhibition .main_generate{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background:rgba(40,46,72,.04);height:100%;border-radius:16px}.main .production_box .main_exhibition .main_generate img{width:32px;height:32px;animation:loadingRotate 1.5s linear infinite}.main .production_box .main_exhibition .main_generate .progress_text{font:normal normal 500 16px/21px Roboto;color:#282e48;margin:12px 0 6px;text-align:center;display:flex}.main .production_box .main_exhibition .main_generate .loading_animation span{background-color:#000}.main .production_box .main_exhibition .main_generate .progress_tip{text-align:center;font:normal normal normal 12px/16px Roboto;color:#a1a4b3;white-space:pre}.main .production_box .main_generate_img{border-radius:10px;-o-object-fit:contain;object-fit:contain;width:100%;height:100%}@media(min-width: 1200px){.main .production_box .main_generate_img{max-width:calc(100vh*var(--ratio-width)/var(--ratio-height));max-height:calc(100vw*var(--ratio-height)/var(--ratio-width));aspect-ratio:var(--ratio-width)/var(--ratio-height)}}.main .production_box .controls{display:flex;justify-content:center;width:100%;margin-top:10px}.main .production_box .controls .control_item{height:40px;flex-shrink:0;padding:0 20px;border-radius:6px;background:rgba(40,46,72,.06);font:normal normal normal 14px/40px Roboto;color:#282e48;display:flex;align-items:center;justify-content:center}.main .production_box .controls .control_item img{width:16px;height:16px;-o-object-fit:cover;object-fit:cover;margin-left:8px}@media(min-width: 1200px){.main .production_box .controls .control_item:hover{cursor:pointer;background:rgba(40,46,72,.12)}}.main .production_box .controls .control_item+.control_item{margin-right:10px}.waterMarkBtn{height:40px;background:rgba(0,0,0,0) linear-gradient(-91deg, #ff8cc6 0%, #ee600b 100%) 100% 0% no-repeat padding-box;border-radius:6px;padding:0 20px;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:10px;font:normal normal normal 14px/40px Roboto;flex-shrink:0}.waterMarkBtn img{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;margin-left:8px}@media(min-width: 1200px){.waterMarkBtn:hover{cursor:pointer;opacity:.7}}@media(max-width: 1200px){.waterMarkBtn{height:.68rem;border-radius:.12rem;padding:0 .24rem;font:normal normal normal .28rem/.4rem Roboto;margin-right:.12rem}.waterMarkBtn img{width:.32rem;height:.32rem;margin-left:.12rem}}.loading_animation{display:flex;align-items:center}.loading_animation span{width:8px;height:8px;border-radius:8px;display:block;transform:scale(0.3);background:#fff;margin:0 -1px;animation:progressgenerate 1.5s linear infinite}.loading_animation span:nth-child(2){animation-delay:.2s}.loading_animation span:nth-child(3){animation-delay:.3s}.lite_select{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;padding:10px 10px 10px 16px;height:56px;background:#fff 100% 0% no-repeat padding-box;border-radius:6px;position:relative;border:1px solid rgba(0,0,0,0);cursor:pointer}.lite_select.active .select_icon{transform:rotate(-180deg)}.lite_select .select_banner{width:36px;height:36px;border-radius:3px;margin-left:12px}.lite_select .select_content{font:normal normal 500 13px Roboto;color:#282e48;width:120px;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lite_select .select_icon{width:12px;height:12px;background-size:contain;background-repeat:no-repeat;transition:.3s ease all;background-image:url("../img/nano-banana/icon_down.svg")}@media(min-width: 1200px){.lite_select .select_list:hover{border-color:#8b3dff}}.home-header .home-menu .menu-main .home-btn .credit-box{display:flex}.home-header .home-menu .menu-main .home-btn .credit-box .credit_des_bg_item a{color:#0f0f0f;font-weight:600;text-decoration:underline}.home-header .home-menu .menu-main .home-btn .credit-box .mv_get_btn{margin:0 auto;display:flex;justify-content:center;align-items:center;margin-top:10px;width:286px;height:42px;border-radius:4px;background:linear-gradient(-90deg, #f4d21b 0%, #ff9362 100%);color:#0f0f0f;font:normal normal 500 13px/14px Poppins}.home-header .home-menu .menu-main .home-btn .credit-box .mv_get_btn:hover{background:linear-gradient(-90deg, rgba(244, 210, 27, 0.7) 0%, rgba(255, 147, 98, 0.7) 100%)}.home-header .home-menu .menu-main .home-btn .head-box .user_menu{display:block}@media(min-width: 1200px){.gen-container{padding:0}.home-header{background-color:#f6f6f8}.pc_show{display:block}.mob_show{display:none}.main{height:calc(100vh - var(--gen-header-height));min-height:800px;padding-bottom:16px}}@media(max-width: 1200px){.pc_show{display:none}.mob_show{display:block}.main{flex-direction:column-reverse;padding:0}.main h1{padding:0 .2rem;font:normal normal 500 .42rem/.55rem Roboto}.main .desc{padding:0 .2rem;font:normal normal normal .3rem/.36rem Roboto;margin:.16rem 0 .24rem}.main .production_box{width:100%;padding:.4rem;border-radius:0;height:-moz-fit-content;height:fit-content}.main .production_box .init_banner{max-width:100%;width:100%;height:3.77rem;content:url("../img/nano-banana/banner_mob.png")}.main .production_box .exhibition_box{display:flex;justify-content:center;flex-direction:column;align-items:center}.main .production_box .exhibition_box .main_exhibition{border-radius:.1rem;width:100%;margin-left:0;flex-direction:column;align-items:center}.main .production_box .exhibition_box .main_exhibition .main_generate{height:3.77rem;border-radius:.16rem}.main .production_box .exhibition_box .main_exhibition .main_generate .progress_text{font:normal normal 500 .24rem/.32rem Roboto;margin:.08rem 0}.main .production_box .exhibition_box .main_exhibition .main_generate img{width:.64rem;height:.64rem}.main .production_box .exhibition_box .main_exhibition[data-ratio="16:9"]{width:6.7rem}.main .production_box .exhibition_box .main_exhibition[data-ratio="9:16"]{width:2.12rem}.main .production_box .exhibition_box .main_exhibition[data-ratio="1:1"]{width:3.77rem}.main .production_box .exhibition_box .main_exhibition[data-ratio="4:3"]{width:5.02rem}.main .production_box .exhibition_box .main_exhibition[data-ratio="3:4"]{width:2.86rem}.main .production_box .second_exhibition{display:flex;justify-content:center;margin-top:.24rem;margin-right:0}.main .production_box .second_exhibition .second_item{width:.88rem;height:.88rem;margin-bottom:0;margin-left:.2rem}.main .production_box .second_exhibition .second_item img{border-radius:.1rem}.main .production_box .second_exhibition .second_item.active{border-radius:.15rem}.main .production_box .controls{margin-top:10px}.main .production_box .controls .control_item{height:.68rem;padding:0 .24rem;border-radius:.12rem;font:normal normal normal .28rem/.68rem Roboto}.main .production_box .controls .control_item img{width:.32rem;height:.32rem;-o-object-fit:cover;object-fit:cover;margin-left:.12rem}.main .production_box .controls .control_item.share{margin-right:0}.main .production_box .controls .control_item.zoomIn{display:none}.main .production_box .controls .control_item+.control_item{margin-right:12px}.main .production_box .main_generate_img{border-radius:.1rem;height:3.77rem}.main .operate_box{width:100%;margin-left:0;border-radius:0;padding:0}.main .operate_box .operate_container{border-radius:0;padding:.4rem .24rem .6rem;height:-moz-fit-content;height:fit-content}.main .operate_box .operate_container .operate_title{font:normal normal 500 .3rem/.39rem Roboto;margin:0 0 .16rem}.main .operate_box .operate_container .modalBox{padding:.36rem .46rem}.main .operate_box .operate_container .modalBox .modalLogo{width:.64rem;height:.64rem;margin-left:.24rem}.main .operate_box .operate_container .modalBox .modalTitle{font:normal normal 500 .26rem/.34rem Roboto}.main .operate_box .operate_container .modalBox .modalDesc{font:normal normal normal .24rem/.32rem Roboto}.main .operate_box .operate_container .operate_description{height:2.62rem;padding:.24rem;border-radius:.2rem;padding-bottom:.62rem}.main .operate_box .operate_container .operate_description #image_description{font:normal normal normal .26rem/.34rem Roboto}.main .operate_box .operate_container .unwantedNum{font:normal normal normal .24rem/.32rem Roboto;bottom:.24rem;left:.24rem}.main .operate_box .operate_build{margin:.42rem .4rem 0;height:.96rem;width:auto}.main .operate_box .operate_build .build_btn{font:normal normal 500 .3rem/.96rem Roboto}.main .operate_box .operate_tip{font:normal normal normal .24rem/.32rem Roboto;padding-bottom:.2rem}.main .operate_box .operate_tip img{width:.24rem;height:.24rem;margin-left:.08rem}.main .operate_box .operate_Unwanted{height:2.62rem;padding:.2rem;padding-bottom:.56rem}.main .operate_box .operate_Unwanted #unwantedContent{font:normal normal normal .26rem/.34rem Roboto}.lite_select{width:100%;padding:.2rem .24rem;height:1.12rem;border-radius:.12rem}.lite_select .select_banner{width:.72rem;height:.72rem;border-radius:.06rem;margin-left:.24rem}.lite_select .select_content{font:normal normal 500 .26rem Roboto;color:#282e48;width:100%;padding-left:.2rem}.lite_select .select_icon{width:.24rem;height:.24rem}}@media(max-width: 1200px)and (min-width: 1200px){.lite_select:hover{border-color:#8b3dff}}#popup_modal{width:100vw;height:100vh;position:fixed;top:0;right:0;z-index:9999;background:rgba(0,0,0,.16);display:flex;align-items:center;justify-content:center}#popup_modal .ppModal_container{width:1100px;background-color:#fff;padding:20px;box-shadow:0px 20px 40px rgba(0,0,0,.1490196078);border:1px solid hsla(0,0%,100%,.0784313725);border-radius:16px}#popup_modal .ppModal_header{display:flex;justify-content:space-between}#popup_modal .ppModal_header .ppModal_title{font:normal normal bold 16px/21px Roboto;color:#282e48}#popup_modal .ppModal_header .ppModal_close{width:26px;height:26px;background-image:url("../img/nano-banana/icon_close.svg");background-size:contain;background-repeat:no-repeat}@media(min-width: 1200px){#popup_modal .ppModal_header .ppModal_close{cursor:pointer}#popup_modal .ppModal_header .ppModal_close:hover{background-image:url("../img/nano-banana/icon_close_hover.svg")}}#popup_modal .ppModal_tag{width:100%;display:flex;align-items:center;margin:12px 0 13px}#popup_modal .ppModal_tag .ppModal_tag_item{white-space:nowrap;display:flex;justify-content:center;align-items:center;margin-left:8px;height:35px;padding:0 16px;background:rgba(40,46,72,.06);border-radius:18px;font:normal normal 500 12px/16px Roboto;color:#282e48}@media(min-width: 1200px){#popup_modal .ppModal_tag .ppModal_tag_item{cursor:pointer}#popup_modal .ppModal_tag .ppModal_tag_item:hover{background:rgba(40,46,72,.1)}}#popup_modal .ppModal_tag .ppModal_tag_item.active{color:#fff;background:rgba(0,0,0,0) linear-gradient(-90deg, #8b3dff 0%, #561df1 100%) 100% 0% no-repeat padding-box}#popup_modal .ppModal_box{overflow:auto;height:70vh}#popup_modal .ppModal_box .ppModal_content{display:grid;grid-template-columns:repeat(5, 202px);gap:11px}#popup_modal .ppModal_box::-webkit-scrollbar{display:none}#popup_modal .ppModal_box.loading{display:flex;justify-content:center;align-items:center}#popup_modal .ppModal_box.loading .ppModal_content,#popup_modal .ppModal_box.loading .ppModal_loadMore{display:none}#popup_modal .ppModal_box.loading .ppMOdal_loading{display:block}#popup_modal .ppModal_item{width:204px;background:rgba(40,46,72,.06);border:1px solid hsla(0,0%,100%,.0784313725);overflow:hidden;border-radius:10px;border-radius:9px}#popup_modal .ppModal_item .ppModal_item_img{width:204px;height:204px;border-radius:9px 9px 0px 0px;-o-object-fit:cover;object-fit:cover;margin-right:-4px}#popup_modal .ppModal_item .ppModal_item_footer{width:100%;padding:8px 12px 12px 8px;display:flex;align-items:center;justify-content:space-between}#popup_modal .ppModal_item .ppModal_item_text{font:normal normal normal 14px/19px Roboto;color:#282e48;width:113px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#popup_modal .ppModal_item .ppModal_item_btn{text-align:center;font:normal normal 500 12px/26px Roboto;color:#fff;height:26px;background:rgba(0,0,0,0) linear-gradient(-90deg, #8b3dff 0%, #561df1 100%) 100% 0% no-repeat padding-box;border-radius:4px;width:60px}@media(min-width: 1200px){#popup_modal .ppModal_item .ppModal_item_btn{cursor:pointer}#popup_modal .ppModal_item .ppModal_item_btn:hover{opacity:.7}}#popup_modal .ppModal_item.active{border:2px solid #8b3dff}#popup_modal .ppModal_loadMore{padding-top:16px;width:100%;display:flex;justify-content:center;align-items:center;font:normal normal normal 12px/16px Roboto;color:#282e48}#popup_modal .ppModal_loadMore .loading_animation span{background:#282e48}#popup_modal .ppModal_loadMore .loadMore{width:14px;height:14px;animation:loadingRotate 1.5s linear infinite;margin-left:8px}#popup_modal .ppMOdal_loading{display:none}#popup_modal .ppMOdal_loading img{width:32px;height:32px;animation:loadingRotate 1.5s linear infinite}@media(max-width: 1200px){.home-header .home-menu .home-logo .header-credits-box{display:flex}#gen-header{height:calc(var(--gen-header-height))}#popup_modal{display:flex;align-items:end;justify-content:start}#popup_modal .ppModal_container{width:100vw;padding:.4rem;box-shadow:0rem .1rem .4rem rgba(60,74,104,.1019607843);border:.01rem solid rgba(60,74,104,.1019607843);border-radius:.2rem .2rem 0rem 0rem}#popup_modal .ppModal_header .ppModal_title{font:normal normal bold .36rem/.48rem Roboto}#popup_modal .ppModal_header .ppModal_close{width:.36rem;height:.36rem;background-image:url("../img/nano-banana/icon_close_mobile.svg")}#popup_modal .ppModal_tag{margin:.3rem 0 .27rem;flex-wrap:wrap}#popup_modal .ppModal_tag .ppModal_tag_item{margin-left:.12rem;height:.6rem;padding:0 .24rem;margin-bottom:.1rem;border-radius:.29rem;font:normal normal 500 .24rem/.32rem Roboto}#popup_modal .ppModal_box{overflow:auto;height:70vh}#popup_modal .ppModal_box .ppModal_content{grid-template-columns:repeat(2, 3.2rem);gap:.25rem .27rem}#popup_modal .ppModal_box.loading{display:flex;justify-content:center;align-items:center}#popup_modal .ppModal_box.loading .ppModal_content,#popup_modal .ppModal_box.loading .ppModal_loadMore{display:none}#popup_modal .ppModal_box.loading .ppMOdal_loading{display:block}#popup_modal .ppModal_item{width:3.2rem;border:.02rem solid hsla(0,0%,100%,.0784313725);border-radius:.1rem;border-radius:.18rem .18rem 0rem 0rem}#popup_modal .ppModal_item .ppModal_item_img{width:3.2rem;height:3.2rem;border-radius:.18rem .18rem 0rem 0rem}#popup_modal .ppModal_item .ppModal_item_footer{padding:.14rem}#popup_modal .ppModal_item .ppModal_item_text{width:1.62rem;font:normal normal normal .26rem/.34rem Roboto}#popup_modal .ppModal_item .ppModal_item_btn{font:normal normal 500 .24rem/.5rem Roboto;height:.5rem;border-radius:.08rem;width:1.08rem}#popup_modal .ppModal_loadMore{padding-top:.32rem;font:normal normal normal .24rem/.32rem Roboto}#popup_modal .ppModal_loadMore .loadMore{width:.28rem;height:.28rem;margin-left:.16rem}#popup_modal .ppMOdal_loading img{width:.64rem;height:.64rem}}