Bahasa ID
Senin - Minggu, 08.00 - 21.00 WIB
Bahasa Indonesia
Cari
Advanced Search
  • Lokasi Toko
  • Lacak Pesanan
  • Bantuan
    • Bahasa ID
    Senin - Minggu, 08.00 - 21.00 WIB
    IDN777 # PORTAL SLOT TOTO ZONA PLAY ONLINE TERDEPAN SERTA INFORMASI RTP AKURAT TERPERCAYA
    SITUS GACOR SLOT777
    |
    777-NIKFB456326

    Klik untuk Lihat Detail

    IDN777
    IDN777

    IDN777

    IDN777 # PORTAL SLOT TOTO ZONA PLAY ONLINE TERDEPAN SERTA INFORMASI RTP AKURAT TERPERCAYA

    SITUS GACOR SLOT777
    |
    7777-TIKW4526896
    Rp. 20.000
    IDN777 # PORTAL SLOT TOTO ZONA PLAY ONLINE TERDEPAN SERTA INFORMASI RTP AKURAT TERPERCAYA

    Topi Tanpa Bingkai Futura Wash

    Info lebih lanjut
    Bayar dengan cicilan 0% x 7 sebesar Rp. 777
    dalam stok
    Only %1 left
    ukuran
    SLOT777
    SLOT JP MAXWIN
    SLOT GAMPANG MENANG
    SLOT INDONESIA
    LINK SLOT GACOR
    SLOT
    SLOT GACOR
    SLOT ONLINE

    Pengembalian: Gratis dan Mudah untuk item tertentu dalam waktu 7 hari setelah pembelian. Klik disini untuk info lebih lanjut.

    DAFTAR SLOT GAMPANG MENANG

    Daftar slot777 gacor hari ini!

    IDN777 # PORTAL SLOT TOTO ZONA PLAY ONLINE TERDEPAN SERTA INFORMASI RTP AKURAT TERPERCAYA

    Topi Tanpa Bingkai Futura Wash

    Info lebih lanjut
    Periksa ketersediaan di toko

    IDN777 # PORTAL SLOT TOTO ZONA PLAY ONLINE TERDEPAN SERTA INFORMASI RTP AKURAT TERPERCAYA

    IDN777 merupakan situs slot online resmi dan terpercaya yang dikenal sebagai link slot gacor terbaik pembawa hoki bagi para pecinta slot dengan provider slot777. dengan menghadirkan berbagai permainan terbaru dari server thailand, platform ini menawarkan pengalaman bermain yang stabil dengan RTP tertinggi. tak heran jika IDN777 sering disebut sebagai pembawa hoki karena peluang meraih jp maxwin terasa lebih terbuka, terutama saat bermain di malam hari ini.
    sebagai rekomendasi utama untuk pemain yang mencari link slot gacor, IDN777 juga menyediakan apk slot yang ringan dan mudah digunakan di berbagai perangkat. tampilan yang sederhana namun modern membuat pemain nyaman saat bermain, sementara sistem permainan dirancang agar terasa lebih gampang menang. hal ini menjadikan IDN777 pilihan favorit bagi pemula maupun pemain berpengalaman.
    selain itu, IDN777 memberikan kemudahan dalam proses deposit dan withdraw yang cepat serta aman. dengan minimal bet 200, pemain sudah bisa menikmati berbagai permainan menarik dari provider slot777 dengan potensi keuntungan besar. kombinasi layanan profesional, sistem terpercaya, dan peluang menang maxwin yang tinggi menjadikan IDN777 sebagai situs slot online yang layak diandalkan.

    REVIEW PENGGUNA IDN777

    Testimoni nyata dari member terverifikasi

    ♦
    User Avatar
    Mawar - Surakarta ✔ Terverifikasi
    ★★★★★
    28 Maret 2026
    IDN777

    Saya sudah coba banyak situs slot online, tapi IDN777 benar-benar beda. Sebagai link slot gacor, di sini terasa banget RTP tertinggi-nya, apalagi kalau main malam hari ini. Beberapa kali saya berhasil jp maxwin dari game slot777 server Thailand. Benar-benar pembawa hoki!

    User Avatar
    Anwar - Surakarta ✔ Terverifikasi
    ★★★★★
    1 April 2026
    Slot Gacor

    Awalnya ragu, tapi setelah coba apk slot dari IDN777, ternyata mudah banget dipakai. Game-nya lengkap, loading cepat, dan yang paling penting gampang menang. Deposit dan withdraw juga lancar tanpa ribet. Menurut saya ini situs slot resmi dan terpercaya yang layak direkomendasikan.

    User Avatar
    Budi - Jakarta ✔ Terverifikasi
    ★★★★★
    4 April 2026
    IDN777

    IDN777 jadi rekomendasi utama saya sekarang. Dengan bet 200 saja sudah bisa main dan punya peluang menang besar. Sistemnya profesional, transaksi deposit dan withdraw cepat, dan pilihan slot gacor-nya selalu update terbaru. Buat yang cari situs slot online terpercaya, ini pilihan tepat!

    PERTANYAAN UMUM

    Pertanyaan yang sering diajukan seputar IDN777

    ♦
    Apa itu IDN777? +

    IDN777 merupakan situs slot online resmi dan terpercaya yang menyediakan berbagai permainan slot777 terbaru dengan kualitas terbaik. Platform ini dikenal sebagai link slot gacor dengan RTP tertinggi yang memberikan peluang menang lebih besar bagi pemain..

    Apakah IDN777 benar-benar aman dan terpercaya? +

    Ya, IDN777 termasuk situs slot terpercaya yang sudah digunakan banyak pemain. Sistemnya aman, transaksi deposit dan withdraw berjalan lancar, serta didukung server Thailand yang stabil untuk pengalaman bermain yang nyaman.

    Berapa minimal deposit untuk bermain di IDN777? +

    Minimal deposit di IDN777 cukup terjangkau, bahkan mulai dari 10k pemain sudah bisa menikmati berbagai permainan slot gacor dan berpeluang mendapatkan jp maxwin.

    Kapan waktu terbaik bermain di IDN777? +

    Banyak pemain percaya malam hari ini adalah waktu yang tepat karena performa game lebih optimal. Dengan RTP tertinggi, peluang menang di slot gacor bisa terasa lebih besar di waktu tertentu.

    Apakah IDN777 menyediakan apk slot? +

    Ya, IDN777 menyediakan apk slot yang ringan dan mudah digunakan di berbagai perangkat. Dengan aplikasi ini, pemain bisa bermain kapan saja dan di mana saja dengan akses cepat serta performa stabil.

    IDN777 # PORTAL SLOT TOTO ZONA PLAY ONLINE TERDEPAN SERTA INFORMASI RTP AKURAT TERPERCAYA
    Game: IDN777
    Rp. 20.000
    opup-wrap .underline { text-decoration: underline } .ife-header-search-bar-popup-wrap .change-suffix-img { background-position-y: -16px } .ife-header-search-bar-popup-wrap.pro-biz-version { padding: 24px 0 } .ife-header-search-bar-popup-wrap.pro-biz-version .section { margin-bottom: 12px } .ife-header-search-bar-popup-wrap.pro-biz-version .title { margin-bottom: 4px } .ife-header-search-bar-popup-wrap.pro-biz-version .more { margin-bottom: 20px; margin-top: 4px } .ife-header-search-bar-popup-wrap.pro-biz-version .more, .ife-header-search-bar-popup-wrap.pro-biz-version .title { padding: 0 24px } .ife-header-search-bar-popup-wrap.pro-biz-version .more.action-hover .iconfont, .ife-header-search-bar-popup-wrap.pro-biz-version .more.action-hover .underline, .ife-header-search-bar-popup-wrap.pro-biz-version .title.action-hover .iconfont, .ife-header-search-bar-popup-wrap.pro-biz-version .title.action-hover .underline { font-size: 16px; line-height: 22px } .ife-header-search-bar-popup-wrap.pro-biz-version .more .title-text, .ife-header-search-bar-popup-wrap.pro-biz-version .title .title-text { padding: 0 } .ife-header-search-bar-popup-wrap.pro-biz-version .item, .ife-header-search-bar-popup-wrap.pro-biz-version .title-text { font-size: 16px; margin-bottom: 0 } .ife-header-search-bar-popup-wrap.pro-biz-version .item .iconfont, .ife-header-search-bar-popup-wrap.pro-biz-version .title-text .iconfont { display: none } .ife-header-search-bar-popup-wrap.pro-biz-version .title-text { line-height: 22px; padding: 8px 24px } .ife-header-search-bar-popup-wrap.pro-biz-version .item { height: 38px; line-height: 38px; padding: 0 24px } .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 20px; grid-gap: 4px; gap: 4px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover, .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .iconfont, .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .underline { color: #767676; font-size: 14px; line-height: 18px } .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .iconfont:hover, .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .underline:hover, .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover:hover { color: #767676 } .ife-header-search-bar-popup-wrap.pro-biz-version .action-hover .pro-biz-icon, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap img, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap img { height: 20px; width: 20px } .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 4px; gap: 4px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%); background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%); -webkit-text-fill-color: transparent } [dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text, [dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text { background: linear-gradient(-263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%) } .SearchXReactCrop .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text, .SearchXReactCrop .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text, [dir] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text, [dir] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text { background-clip: text; -webkit-background-clip: text } .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .list-insights-wrap, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .list-pro-wrap, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .list-insights-wrap, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .list-pro-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 12px 24px 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-gap: 12px; gap: 12px } .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item { background: #fffaf7; border: 1px solid #ffe7db; border-radius: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 7px 12px; width: 33%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-gap: 8px; color: #222; gap: 8px; text-decoration: none } .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item.active, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item:hover, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item.active, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item:hover, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item.active, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item:hover, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item.active, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item:hover { border: 1px solid #237da6 } .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-insights-item div, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .recommend-pro-item div, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-insights-item div, .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .recommend-pro-item div { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 44px } [dir=ltr] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text, [dir=ltr] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text { background: -webkit-linear-gradient(187deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%); background: linear-gradient(263deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } [dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-insights-wrap .title-text, [dir=rtl] .ife-header-search-bar-popup-wrap.pro-biz-version .recommend-pro-wrap .title-text { background: -webkit-linear-gradient(7deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%); background: linear-gradient(83deg, #207296 2.73%, #4d89a3 55.82%, #81a5b5 97.27%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent } .searchbar-panel-lens { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 12px 24px 0; padding: 8px 12px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: -webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(319deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%); background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%); border-radius: 12px; color: #222; font-size: 16px; font-weight: 600; line-height: 24px; text-decoration: none } [dir=rtl] .searchbar-panel-lens { background: linear-gradient(-100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(-131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%) } .searchbar-panel-lens .searchbar-panel-lens-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 4px; gap: 4px } .searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-gap: 8px; gap: 8px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-title img { height: 20px; width: 20px } .searchbar-panel-lens .searchbar-panel-lens-left .searchbar-panel-lens-left-desc { font-size: 14px; font-weight: 400; line-height: 20px } .searchbar-panel-lens .searchbar-panel-lens-right { color: #222; cursor: pointer; text-decoration: underline } .searchbar-panel-lens .searchbar-panel-lens-right:hover { color: #222 } [dir=ltr] .searchbar-panel-lens { background: -webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(319deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%); background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%) } [dir=rtl] .searchbar-panel-lens { background: -webkit-linear-gradient(170deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(139deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%); background: linear-gradient(280deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(311deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%) } .vc-htmlTemplateContainer .template-hover-show-arrow { display: none } .vc-htmlTemplateContainer:hover .template-hover-show-arrow { display: block } .vc-htmlTemplateContainer:hover .contactsupplier-template-hover { background-color: #ff1900; border: 1px solid #ff1900; color: #fff } .vc-htmlTemplateContainer:hover .contactsupplier-template-hover g { fill: #fff } .vc-htmlTemplateContainer:hover .img-template-hover-bigger { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1); transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1); transition: transform 1.25s cubic-bezier(.165, .84, .44, 1); transition: transform 1.25s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1) } .base-tag-items { background-color: rgba(255, 102, 0, .1); border-radius: 2px; font-size: 12px; height: 16px; line-height: 16px; margin: 4px 4px 4px 0; padding: 0 4px } [dir=rtl] .base-tag-items { margin: 4px 0 4px 4px } .hover-underline:hover { text-decoration: underline } .hover-color-333:hover { color: #333 !important } .hover-color-f60:hover { color: #ff1900 !important } .hover-color-D04A0A:hover { color: #979493 !important } .unlink:hover { text-decoration: none } .img-hover-bigger:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1); transition: -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1); transition: transform 1.25s cubic-bezier(.165, .84, .44, 1); transition: transform 1.25s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.25s cubic-bezier(.165, .84, .44, 1) } .header-tab-search .popup-item-ggs-divider, .header-tab-search-multi .popup-item-ggs-divider, .home-search .popup-item-ggs-divider, .home-search-online .popup-item-ggs-divider, .ife-header-search-bar .popup-item-ggs-divider { font-weight: 500; margin-left: 12px } [dir=rtl] .header-tab-search .popup-item-ggs-divider, [dir=rtl] .header-tab-search-multi .popup-item-ggs-divider, [dir=rtl] .home-search .popup-item-ggs-divider, [dir=rtl] .home-search-online .popup-item-ggs-divider, [dir=rtl] .ife-header-search-bar .popup-item-ggs-divider { margin-left: 0; margin-right: 12px } .header-tab-search .popup-item-ggs-text, .header-tab-search-multi .popup-item-ggs-text, .home-search .popup-item-ggs-text, .home-search-online .popup-item-ggs-text, .ife-header-search-bar .popup-item-ggs-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-weight: 500; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 4px } [dir=rtl] .header-tab-search .popup-item-ggs-text, [dir=rtl] .header-tab-search-multi .popup-item-ggs-text, [dir=rtl] .home-search .popup-item-ggs-text, [dir=rtl] .home-search-online .popup-item-ggs-text, [dir=rtl] .ife-header-search-bar .popup-item-ggs-text { margin-left: 0; margin-right: 4px } .header-tab-search .popup-item-ggs-flag, .header-tab-search-multi .popup-item-ggs-flag, .home-search .popup-item-ggs-flag, .home-search-online .popup-item-ggs-flag, .ife-header-search-bar .popup-item-ggs-flag { border: .5px solid #ddd; height: 16px; margin: 0 4px; vertical-align: middle; width: 24px } .home-search .home-search-bottom-recommend-common { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-gap: 20px; color: #fff; font-size: 14px; font-weight: 400; gap: 20px; height: 18px; line-height: 18px; overflow: hidden; text-align: center } .home-search .home-search-bottom-recommend-common.bottom-insights { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .home-search .home-search-bottom-recommend-common .left-wrapper { -webkit-box-flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; grid-gap: 16px; gap: 16px; height: 18px; overflow: hidden } .home-search .home-search-bottom-recommend-common .left-wrapper span { font-weight: 500 } .home-search .home-search-bottom-recommend-common .left-wrapper .keyword { color: #fff; -webkit-text-decoration-line: underline; text-decoration-line: underline } .home-search .home-search-bottom-recommend-common .right-wrapper { -webkit-flex-shrink: 0; -ms-flex-negative: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-shrink: 0; grid-gap: 4px; gap: 4px } .home-search .home-search-bottom-recommend-common .right-wrapper .icon { height: 16px; width: 16px } .home-search .home-search-bottom-recommend-common .right-wrapper .home-search-bottom-ai-factory-tc { color: #fff; -webkit-text-decoration-line: none; text-decoration-line: none } .home-search.header-search-full-screen { height: 144px } .home-search.header-search-full-screen .home-search-input-panel.image-query { height: 230px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 } [dir=rtl] .home-search.header-search-full-screen .home-search-input-panel.image-query { left: auto; right: 0 } .home-search.header-search-full-screen .home-search-input-panel.dragging-image { background: #fff; border: 1px solid #ddd; border: 1px solid var(--line-colors-dddddd, #ddd); border-radius: 20px; -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; left: 0; padding: 16px; position: absolute; top: 0; width: 100%; z-index: 10 } [dir=rtl] .home-search.header-search-full-screen .home-search-input-panel.dragging-image { left: auto; right: 0 } .home-search.header-search-full-screen { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .home-search.header-search-full-screen, .home-search.header-search-full-screen .home-search-input-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .home-search.header-search-full-screen .home-search-input-panel { height: 114px; padding: 16px; width: 100%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; background: #fff; border-radius: 20px; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05); justify-content: space-between } .home-search.header-search-full-screen .home-search-input-panel .home-search-input-wrapper { height: 22px; width: 100% } .home-search.header-search-full-screen .home-search-input-panel .home-search-panel { background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); left: 0; margin-top: 2px; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 10 } [dir=rtl] .home-search.header-search-full-screen .home-search-input-panel .home-search-panel { left: auto; right: 0 } .home-search.header-search-full-screen .home-search-bottom-recommend { margin-top: 12px; width: 100% } .header-tab-action-full-screen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; grid-gap: 16px; gap: 16px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .header-tab-action-full-screen .header-tab-action-full-screen-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 20px; gap: 20px; height: 44px } .header-tab-action-full-screen .header-tab-action-full-screen-left .image-search-full-screen-container { padding: 8px 0 } .header-tab-action-full-screen .header-tab-action-full-screen-right, .header-tab-switch-image-upload { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .header-tab-switch-image-upload { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-gap: 8px; cursor: pointer; gap: 8px } .header-tab-switch-image-upload .image-search-default-icon { display: inline-block } .header-tab-switch-image-upload .image-search-hover-icon, .header-tab-switch-image-upload:hover .image-search-default-icon { display: none } .header-tab-switch-image-upload:hover .image-search-hover-icon { display: inline-block } .header-tab-switch-image-upload:hover span { text-decoration: underline } .header-tab-switch-image-upload img { height: 24px; width: 24px } .header-tab-switch-image-upload.full-screen span { color: #222; font-size: 14px; font-weight: 500 } .header-tab-image-popup-mask { background: rgba(0, 0, 0, .5); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 10000 } [dir=rtl] .header-tab-image-popup-mask { left: auto; right: 0 } .image-upload-cls-wrapper.image-upload-container { background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05); box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05); font-size: 16px; font-weight: 700; line-height: 22px; position: relative } .image-upload-cls-wrapper.image-upload-container.floating { min-height: -webkit-min-content; min-height: -moz-min-content; min-height: min-content; width: 480px; z-index: 10001 } .image-upload-cls-wrapper.image-upload-container .image-upload-content { padding: 20px } .image-upload-cls-wrapper.image-upload-container .image-upload-title { margin-bottom: 12px } .image-upload-cls-wrapper.image-upload-container .image-content { padding: 16px } .image-upload-cls-wrapper.image-upload-container .image-upload-content.floating-padding { padding: 0 20px 20px } .image-upload-cls-wrapper.image-upload-container .image-upload-title { color: #333; padding: 0 22px; position: relative; text-align: center } .image-upload-cls-wrapper.image-upload-container .image-upload-title.floating { margin-bottom: 16px; padding-top: 20px } .image-upload-cls-wrapper.image-upload-container .image-upload-body { background-color: #fff; border: 2px dashed #ddd; border-radius: 4px; margin: 0 0 12px; min-height: 180px; position: relative; width: 100% } .image-upload-cls-wrapper.image-upload-container.floating .image-upload-body { min-height: unset } .image-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; height: 100%; justify-content: center; margin-top: 0; word-break: break-word } .image-content.floating { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 16px; gap: 16px } .image-content:has(".image-content-tip ") { height: 100%; grid-column-gap: 4px; -webkit-column-gap: 4px; -moz-column-gap: 4px; column-gap: 4px; margin: 0; padding: 0 } .image-content .image-content-tip { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-row-gap: 12px; color: #222; font-weight: 400; row-gap: 12px } .image-content .image-content-tip .desc { font-weight: 600 } .image-content .image-content-tip .paste-tip { padding-left: 18px; position: relative } [dir=rtl] .image-content .image-content-tip .paste-tip { padding-left: 0; padding-right: 18px } .image-content .image-content-tip .paste-tip .imgsearch-action { border: 1px solid #767676; border-radius: 2px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 0 2px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; background-color: #fff; justify-content: center; margin-right: 2px; min-width: 24px } [dir=rtl] .image-content .image-content-tip .paste-tip .imgsearch-action { margin-left: 2px; margin-right: 0 } .image-content .image-content-tip .paste-tip:before { background-color: #000; border-radius: 50%; content: ""; height: 6px; left: 6px; position: absolute; top: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 6px } [dir=rtl] .image-content .image-content-tip .paste-tip:before { left: auto; right: 6px } .image-content img { height: 62px; min-height: 62px; min-width: 94px; width: 94px; -webkit-user-drag: none } .upload-file { display: none } .upload-file-text { color: #ff1900; cursor: pointer; font-size: 16px; font-weight: 700; letter-spacing: 0; line-height: 22px; margin-left: 4px; text-decoration: underline } [dir=rtl] .upload-file-text { margin-left: 0; margin-right: 4px } .upload-file-text:hover { color: #06c } .margin-right-28 { margin-right: 28px } [dir=rtl] .margin-right-28 { margin-left: 28px; margin-right: 0 } .image-upload-cls-wrapper .icon-close-panel { background: url(https://s.alicdn.com/@img/imgextra/i1/O1CN01EX46Uj1uPKfX5cdrP_!!6000000006029-2-tps-66-66.png) no-repeat 50%; background-size: cover; cursor: pointer; height: 22px; position: absolute; right: 0; width: 22px } [dir=rtl] .image-upload-cls-wrapper .icon-close-panel { left: 0; right: auto } .image-upload-cls-wrapper .img-loading-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding: 32px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .image-upload-cls-wrapper .img-loading-container .img-uploading { height: 60px; margin-left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); width: 60px } [dir=rtl] .image-upload-cls-wrapper .img-loading-container .img-uploading { margin-left: 0; margin-right: 50%; -webkit-transform: translate(50%); -ms-transform: translate(50%); transform: translate(50%) } .image-upload-cls-wrapper .img-loading-container .img-uploading-text { color: #666; font-size: 20px; font-weight: 700; height: 27px; letter-spacing: 0; margin-top: 18px; text-align: center } .iup-image-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px 40px 20px; grid-gap: 4px; gap: 4px } .iup-image-content .img-floating-panel { height: 62px; width: 94px; -webkit-user-drag: none; margin-bottom: 16px } .iup-image-content .image-content-text { color: #666 } .iup-image-content-icon { height: 36px; width: 36px } .iup-content-tip { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; color: #222; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 14px; font-weight: 400; line-height: 18px; grid-gap: 4px; gap: 4px } .iup-content-tip, .iup-content-tip .imgsearch-action-key { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .iup-content-tip .imgsearch-action-key { background-color: #fff; border: 1px solid #767676; border-radius: 2px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 2px; min-width: 20px } [dir=rtl] .iup-content-tip .imgsearch-action-key { margin-left: 2px; margin-right: 0 } .iup-upload-btn { height: 40px; margin-top: 8px; padding: 0 24px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; grid-gap: 10px; background: #ff1900; border-radius: 999px; color: #fff; cursor: pointer; font-size: 16px; font-weight: 700; gap: 10px; overflow: hidden; text-align: center; text-overflow: ellipsis } .iup-lens-panel, .iup-upload-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .iup-lens-panel { padding: 12px 16px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; grid-gap: 8px; background: -webkit-linear-gradient(350deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), -webkit-linear-gradient(319deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%); background: linear-gradient(100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%); border-radius: 8px; gap: 8px } [dir=rtl] .iup-lens-panel { background: linear-gradient(-100deg, hsla(0, 0%, 100%, 0) 17.38%, #fff 117.8%), linear-gradient(-131deg, hsla(25, 95%, 77%, .15) -21.71%, rgba(248, 89, 22, .15) 98.49%) } .iup-lens-panel .lens-logo { height: 15px; width: 125.5px } .iup-lens-panel .lens-desc { color: #222; font-size: 14px; font-weight: 400; line-height: 18px } .iup-lens-panel .lens-panel-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 4px; gap: 4px } .iup-lens-panel .lens-panel-right { color: #222; cursor: pointer; -webkit-flex-shrink: 0; font-size: 14px; font-weight: 600; -webkit-text-decoration-line: underline; text-decoration-line: underline; -ms-flex-negative: 0; flex-shrink: 0 } .image-upload-cls-wrapper .image-upload-warn { background-color: #fff1f1; border-radius: 8px; margin-top: 12px; padding: 16px 12px } .image-upload-cls-wrapper .upload-warn-title { color: #333; font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 16px; margin-left: 32px; position: relative } [dir=rtl] .image-upload-cls-wrapper .upload-warn-title { margin-left: 0; margin-right: 32px } .image-upload-cls-wrapper .upload-warn-title:before { background: url(https://s.alicdn.com/@img/imgextra/i2/O1CN01KKqHXl1YMeo9GR4B9_!!6000000003045-2-tps-72-72.png?wbep=false) no-repeat; background-size: cover; border-radius: 50%; content: ""; display: block; height: 24px; left: -30px; position: absolute; top: -3px; width: 24px } [dir=rtl] .image-upload-cls-wrapper .upload-warn-title:before { left: auto; right: -30px } .image-upload-cls-wrapper .upload-warn-desc { color: #666; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 18px; margin: 8px 58px 0 32px } [dir=rtl] .image-upload-cls-wrapper .upload-warn-desc { margin: 8px 32px 0 58px } .image-upload-cls-wrapper .upload-warn-close { margin-right: 8px } [dir=rtl] .image-upload-cls-wrapper .upload-warn-close { margin-left: 8px; margin-right: 0 } .home-search-online { position: relative; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .home-search-online, .home-search-online.img-outside { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal } .home-search-online.img-outside { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; grid-gap: 12px; gap: 12px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 90px } .home-search-online.img-outside .home-search-online-left { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .home-search-online.img-outside .home-search-online-left .header-tab-input-button { background-color: #222 } .home-search-online.img-outside .ife-header-search-bar-img-outside { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .home-search-online .home-search-online-left { width: 100% } .home-search-online .home-search-input-panel { border-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 56px; padding: 4px; position: relative; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; background: #fff; border-radius: 100px; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05); justify-content: space-between } .home-search-online .home-search-input-panel .home-search-input-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 22px; padding: 0 16px 0 18px; width: 100% } [dir=rtl] .home-search-online .home-search-input-panel .home-search-input-wrapper { padding: 0 18px 0 16px } .home-search-online .home-search-input-panel .header-tab-action-default { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .home-search-online .home-search-input-panel .header-tab-action-default .switch-image-upload img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .home-search-online .home-search-input-panel .home-search-panel { background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); left: 0; margin-top: 2px; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 10 } [dir=rtl] .home-search-online .home-search-input-panel .home-search-panel { left: auto; right: 0 } .home-search-online .home-search-input-panel .home-search-panel.img-outside { background-color: #fff; left: 0; position: relative; top: 0; width: 100% } [dir=rtl] .home-search-online .home-search-input-panel .home-search-panel.img-outside { left: auto; right: 0 } .home-search-online .home-search-input-panel .header-tab-input-button { background-color: #ff1900; border-radius: 100px; font-size: 16px; height: 48px; width: 126px } .home-search-online .home-search-input-panel .header-tab-input-button img { height: 20px; width: 20px } .home-search-online-bottom-recommend-wrap.default { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-weight: 500; height: 26px; line-height: 18px; margin: 4px 0; overflow: hidden; padding: 0 22px; width: 100% } .home-search-online-bottom-recommend-wrap.default span { font-weight: 500; margin-right: 6px } [dir=rtl] .home-search-online-bottom-recommend-wrap.default span { margin-left: 6px; margin-right: 0 } .home-search-online-bottom-recommend-wrap.default .keyword { margin: 8px 6px } .home-search-online-bottom-recommend-wrap.default .keyword:hover { color: #fff; cursor: pointer; text-decoration: underline } .home-search-online-bottom-recommend-wrap.default .keyword, .home-search-online-bottom-recommend-wrap.default span { color: #fff; font-weight: 400; text-decoration: none } .home-search-online-bottom-recommend-wrap.pill { height: 36px; margin-top: 32px; overflow: hidden; padding: 0 } .home-search-online-bottom-recommend-wrap.pill .keyword, .home-search-online-bottom-recommend-wrap.pill span { -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: inline-block; font-size: 14px; height: 36px; line-height: 36px; text-decoration: none } .home-search-online-bottom-recommend-wrap.pill span { font-size: 16px; margin-right: 10px } [dir=rtl] .home-search-online-bottom-recommend-wrap.pill span { margin-left: 10px; margin-right: 0 } .home-search-online-bottom-recommend-wrap.pill .keyword { background-color: rgba(0, 0, 0, .2); border: 1px solid #fff; border-radius: 22px; margin: 0 10px; padding: 0 24px } .home-search-online-bottom-recommend-wrap.pill .keyword:hover { background-color: rgba(0, 0, 0, .5); color: #fff; text-decoration: none } .home-search-online-img-outside-container { position: relative } .home-search-online-img-outside-panel { left: 50%; margin-left: -264px; position: absolute; top: calc(100% + 2px); width: 528px; z-index: 10 } [dir=rtl] .home-search-online-img-outside-panel { left: auto; margin-left: 0; margin-right: -264px; right: 50% } .ife-header-search-bar-img-outside { background-color: #fff4e9; border-radius: 64px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 56px; padding: 0 16px; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; color: #222; font-size: 16px; font-weight: 500; justify-content: space-between; line-height: 22px } .ife-header-search-bar-img-outside img { margin-right: 4px } [dir=rtl] .ife-header-search-bar-img-outside img { margin-left: 4px; margin-right: 0 } .ife-header-search-bar-image-upload-panel { position: absolute; width: 100% } .ife-header-search-bar-image-upload-panel.popup { margin-top: 2px; position: absolute; right: -179.5px; top: 100%; width: 528px; z-index: 2 } [dir=rtl] .ife-header-search-bar-image-upload-panel.popup { left: -179.5px; right: auto } .ife-header-search-bar-image-upload-panel.popup.floating { z-index: 10001 } .ife-header-search-bar-image-upload-panel.common-panel { background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2); overflow: hidden; -webkit-transition: all .2s cubic-bezier(.075, .82, .165, 1); transition: all .2s cubic-bezier(.075, .82, .165, 1) } .ife-header-search-bar-image-upload-panel.common-panel.floating { left: unset; right: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } [dir=rtl] .ife-header-search-bar-image-upload-panel.common-panel.floating { left: 0; right: unset } .ife-header-search-bar-image-upload-panel.common-panel.panelFixed { background: transparent; left: 50%; position: fixed; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: none; transition: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } [dir=rtl] .ife-header-search-bar-image-upload-panel.common-panel.panelFixed { left: auto; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) } .ife-header-search-bar-image-upload-panel .image-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-gap: 16px; gap: 16px } .header-tab-search-multi.header-tab-search-default .header-tab-input-panel { background: #ddd; height: 42px } .header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner { background-color: #fff } .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner { height: 100% } .header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image { border: 1px solid var(--line-colors-dddddd, #ddd) } .header-tab-action-default { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; grid-gap: 8px; gap: 8px } .header-tab-search-multi { min-height: 42px } .header-tab-search-multi .header-tab-input-wrapper { position: relative } .header-tab-search-multi .header-tab-panel.show-default-panel { background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 2 } [dir=rtl] .header-tab-search-multi .header-tab-panel.show-default-panel { left: auto; right: 0 } .header-tab-search-multi.header-tab-search-default { position: relative } .header-tab-search-multi.header-tab-search-default .header-tab-input-panel { background-color: #ddd; border-radius: 20px; padding: 1px } .header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; background: #fff; border-radius: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 4px 4px 4px 0 } [dir=rtl] .header-tab-search-multi.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner { padding: 4px 0 4px 4px } .header-tab-search-multi.header-tab-search-default .header-tab-input-wrapper { height: 32px; padding-left: 20px; padding-right: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } [dir=rtl] .header-tab-search-multi.header-tab-search-default .header-tab-input-wrapper { padding-left: 16px; padding-right: 20px } .header-tab-search-multi.header-tab-search-default .header-tab-action-default { grid-gap: 8px; gap: 8px } .header-tab-search-multi.header-tab-search-default .header-tab-panel.show-default-panel { margin-top: 12px } .header-tab-search-multi.header-tab-search-full-screen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px 0 20px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel { border-radius: 20px; -webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08); box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08); left: 0; padding: 2px; position: absolute; top: 0; width: 100%; z-index: 1002 } [dir=rtl] .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel { left: auto; right: 0 } .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-gap: 10px; background: #fff; border-radius: 18px; gap: 10px } .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel.default { background: #ddd } .header-tab-search-multi.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-wrapper { height: 22px; width: 100% } .header-tab-search-multi.header-tab-search-full-screen .header-tab-panel { border-radius: 20px; left: 0; position: absolute; top: 116px; width: 100%; z-index: 1001 } [dir=rtl] .header-tab-search-multi.header-tab-search-full-screen .header-tab-panel { left: auto; right: 0 } .header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image { background: #fff; border: 1px solid #ddd; border-radius: 20px; -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; left: 0; padding: 16px; position: absolute; top: 0; width: 100% } [dir=rtl] .header-tab-search-multi.dragging-image .header-tab-input-panel.dragging-image { left: auto; right: 0 } .header-tab-search .header-tab-panel.show-floating-image-panel { left: 50% !important; margin-left: -240px !important; position: fixed !important; top: 0 !important; z-index: 10001 !important } [dir=rtl] .header-tab-search .header-tab-panel.show-floating-image-panel { left: auto !important; margin-left: 0 !important; margin-right: -240px !important; right: 50% !important } .header-tab-search.header-tab-search-default .header-tab-input-panel { background: #ddd; height: 42px } .header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner { padding: 4px 4px 4px 0 } [dir=rtl] .header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner { padding: 4px 0 4px 4px } .header-tab-search.header-tab-search-full-screen .header-tab-input-panel { width: 100% } .header-tab-search.header-tab-search-full-screen .header-tab-input-panel.default { background: #ddd } [dir=ltr] .header-tab-input-panel.ai-theme { background: -webkit-linear-gradient(7deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%); background: linear-gradient(83deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%) } [dir=rtl] .header-tab-input-panel.ai-theme { background: -webkit-linear-gradient(187deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%); background: linear-gradient(263deg, #ff2d0d 2.73%, #ff5e1a 26.36%, #ff6400 50%, #ff7e0d 73.64%, #ffab1a 97.27%) } .header-tab-search { min-height: 42px } .header-tab-search .header-tab-input-wrapper { position: relative } .header-tab-search .header-tab-panel.show-default-panel { background-color: #fff; border-radius: 20px; -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .25); left: 0; overflow: hidden; position: absolute; top: 100%; width: 100%; z-index: 2 } [dir=rtl] .header-tab-search .header-tab-panel.show-default-panel { left: auto; right: 0 } .header-tab-search .header-tab-panel.show-floating-image-panel { left: 50%; margin-left: -240px; position: fixed; top: 0 } [dir=rtl] .header-tab-search .header-tab-panel.show-floating-image-panel { left: auto; margin-left: 0; margin-right: -240px; right: 50% } .header-tab-search .show-floating-image-panel { margin-top: 12px } .header-tab-search.header-tab-search-default { position: relative } .header-tab-search.header-tab-search-default .header-tab-input-panel { background-color: #ddd; border-radius: 20px; padding: 1px } .header-tab-search.header-tab-search-default .header-tab-input-panel .header-tab-input-panel-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; background-color: #fff; border-radius: 19px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .header-tab-search.header-tab-search-default .header-tab-input-wrapper { height: 32px; padding-left: 20px; padding-right: 16px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } [dir=rtl] .header-tab-search.header-tab-search-default .header-tab-input-wrapper { padding-left: 16px; padding-right: 20px } .header-tab-search.header-tab-search-default .header-tab-action-default { grid-gap: 8px; gap: 8px } .header-tab-search.header-tab-search-default .header-tab-panel.show-default-panel { margin-top: 12px } .header-tab-search.header-tab-search-full-screen { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px 0 20px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .header-tab-search.header-tab-search-full-screen .header-tab-input-panel { border-radius: 20px; -webkit-box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08); box-shadow: 0 6px 12px 4px rgba(0, 0, 0, .08); left: 0; padding: 2px; position: absolute; top: 0; z-index: 1002 } [dir=rtl] .header-tab-search.header-tab-search-full-screen .header-tab-input-panel { left: auto; right: 0 } .header-tab-search.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-panel-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding: 16px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-gap: 10px; background: #fff; border-radius: 18px; gap: 10px } .header-tab-search.header-tab-search-full-screen .header-tab-input-panel .header-tab-input-wrapper { height: 22px; width: 100% } .header-tab-search.header-tab-search-full-screen .header-tab-panel { border-radius: 20px; left: 0; position: absolute; top: 116px; width: 100%; z-index: 1001 } [dir=rtl] .header-tab-search.header-tab-search-full-screen .header-tab-panel { left: auto; right: 0 }