/* Palette p11: مشکی و فیروزه‌ای (home). Generated by scripts/palette/build.py; do not edit by hand. Applies only under (App\Support\ThemePalette). */ /* public/themes/home-v2/app-download.css */ :where(.palette-p11) .hn-app{--a-ink:#141414} html:where(.palette-p11)[data-theme=light] .hn-app{--a-shadow:#21371e26} :where(.palette-p11) .hn-app-vinyl{background:repeating-radial-gradient(circle,#1d1d1d 0 2px,#30312b 2.5px 3px),#1d1d1d;border:1px solid #4b4b4b} :where(.palette-p11) .hn-app-vinyl:before{background:conic-gradient(from 20deg,#1dcec5,#258f8a,#169b94,#1dcec5)} :where(.palette-p11) .hn-app-vinyl:after{background:#161616;border:2px solid #a1a1a1} :where(.palette-p11) .hn-app-dialog::backdrop{background:#070707d4} /* public/themes/home-v2/front-base.css */ :root:where(.palette-p11){--purple:#169992;--purple-strong:#13837d;--purple-soft:#1bbeb6;--bg:#111111;--panel:#161616;--panel-2:#1b1b1b;--panel-3:#232322;--stroke:#2e2f28;--text:#defaf9;--muted:#89a4a3;--subtle:#767676;--focus:#1fd9d0} html:where(.palette-p11)[data-theme=light]{--panel-2:#f1f6f6;--panel-3:#e5f0ef;--stroke:#d5e5e4;--text:#1c1c1c;--shadow:0 20px 70px #2a292215} :where(.palette-p11) ::selection{background:#16999266} :where(.palette-p11) .rail-link.active{background:#1699921b} :where(.palette-p11) .btn-primary{box-shadow:0 7px 26px #16999235} :where(.palette-p11) .btn-primary:hover{box-shadow:0 10px 32px #16999260} :where(.palette-p11) .hero{background:#0d0d0d} :where(.palette-p11) .hero h1 em{color:#1dcdc5} :where(.palette-p11) .hero p{color:#d7e4e3} :where(.palette-p11) .creator-card:hover,:where(.palette-p11) .creator-card:focus-within{border-color:#16999285} :where(.palette-p11) .creator-card.video{background:linear-gradient(128deg,#16999213,transparent 44%),var(--panel)} :where(.palette-p11) .creator-card.text{background:linear-gradient(128deg,#1ab1a90b,transparent 44%),var(--panel)} :where(.palette-p11) .card-symbol{background:#16999224} :where(.palette-p11) .text .card-symbol{background:#1ab1a91c;color:#1ab1a9} :where(.palette-p11) .select-menu li:hover,:where(.palette-p11) .select-menu li[aria-selected=true],:where(.palette-p11) .select-menu li[data-active=true]{background:#16999230} :where(.palette-p11) .prompt:focus{box-shadow:0 0 0 3px #16999224} :where(.palette-p11) .wave i{background:#1dc9c0} :where(.palette-p11) .bottom-dock a:hover,:where(.palette-p11) .bottom-dock .dock-home{background:#169992;box-shadow:0 5px 15px #16999252} html:where(.palette-p11)[data-theme=light]{--purple-soft:#127d78} :where(.palette-p11) .nav-trigger:hover,:where(.palette-p11) .nav-trigger[aria-expanded=true],:where(.palette-p11) .header-nav .nav-direct:hover{background:#1699921e;border-color:#16999231} :where(.palette-p11) .mega-spotlight{background:#252320} :where(.palette-p11) .mega-spotlight:after{background:linear-gradient(0deg,#0a0a0af7,#0a0a0a6b 67%,#0a0a0a26)} :where(.palette-p11) .mega-eyebrow{color:#8aeee9} :where(.palette-p11) .mega-spotlight a{background:#169992} :where(.palette-p11) .mega-spotlight a:hover{background:#13837d} :where(.palette-p11) .mega-link-icon{background:#1699921f} :where(.palette-p11) .mega-chip:hover{background:#16999226} @media(max-width:1120px){:where(.palette-p11) .menu-scrim{background:#060606b8}} @media(max-width:1120px){:where(.palette-p11) .mobile-category-icon{background:#16999220}} :where(.palette-p11) .pricing-dialog::backdrop{background:#0a0a0abd} :where(.palette-p11) .pricing-estimate-explainer{border:1px solid #1699924f;background:#16999212} :where(.palette-p11) .logo-symbol{filter:drop-shadow(0 2px 7px #16999250)} :where(.palette-p11) .rail-logo{border:1px solid #16999263;background:radial-gradient(circle at 50% 30%,#27311f,#191919 70%);box-shadow:0 8px 24px #1699922b, inset 0 1px #ffffff18} :where(.palette-p11) .rail-logo:hover{box-shadow:0 9px 28px #16999255} :where(.palette-p11) .faq-item[open]{border-color:#16999266} html:where(.palette-p11)[data-theme=light] .logo-symbol{filter:drop-shadow(0 2px 6px #16999233)} :where(.palette-p11) .bottom-dock a.is-active,:where(.palette-p11) .bottom-dock a.is-active:hover{background:#169992;box-shadow:0 5px 15px #16999252} :where(.palette-p11) .bottom-dock a:focus-visible{outline:2px solid #1fd9d0} :where(.palette-p11) .bottom-dock{background:linear-gradient(135deg,rgba(22,153,146,.34),rgba(38,36,29,.62) 55%,rgba(22,22,22,.72));border:1px solid rgba(31,217,208,.42);box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 28px rgba(22,153,146,.28),inset 0 1px 0 rgba(255,255,255,.22)} :where(.palette-p11) .bottom-dock a{color:#d4f9f7} :where(.palette-p11)[data-theme=light] .bottom-dock{background:linear-gradient(135deg,rgba(22,153,146,.62),rgba(19,68,65,.86) 55%,rgba(38,37,28,.9));border-color:rgba(22,153,146,.5);box-shadow:0 16px 40px rgba(36,45,24,.28),inset 0 1px 0 rgba(255,255,255,.25)} :where(.palette-p11) .login-cta{background:linear-gradient(135deg,#169892 0%,#13837d 48%,#12726d 100%);box-shadow:0 6px 22px #16999245,inset 0 1px 0 #ffffff33} :where(.palette-p11) .login-cta:hover{box-shadow:0 0 0 4px #1699922e,0 12px 34px #16999285,inset 0 1px 0 #ffffff40} html:where(.palette-p11)[data-theme=light] .login-cta{box-shadow:0 6px 18px #16999233,inset 0 1px 0 #ffffff40} @media(min-width:821px){:where(.palette-p11) .rail-logo:before,:where(.palette-p11) .rail-logo:after{background:conic-gradient(from var(--hn-rl-a),transparent 0 52%,#116e69 64%,var(--purple-soft) 74%,#13837e 84%,#fff 88%,transparent 96%)}} html:where(.palette-p11)[data-theme=light] .hero h1 em{color:#0c514e} /* public/themes/home-v2/front.css */ :where(.palette-p11) .pref-source{background:linear-gradient(var(--panel-2),var(--panel-2)) padding-box,linear-gradient(90deg,#FBBC05,#34A853,#148B85,#EA4335) border-box} :where(.palette-p11) .pref-source:hover{box-shadow:0 0 0 4px rgba(20,139,133,.14)} :where(.palette-p11) .tool-preview{--color-primary-400:#1bbeb6;--color-primary-500:#169992;--color-primary-600:#13837d;--color-background-2:#f8fafa;--color-background-3:#f1f6f6;--color-background-5:#161616;--color-background-7:#1b1b1b;--color-stroke-1:#d5e5e4;--color-stroke-2:#dbe8e7;--color-stroke-6:#252423} /* public/themes/home-v2/home.css */ :where(.palette-p11) .btn-outline{background:#0c0c0c90} :where(.palette-p11) .hero-shade{background:linear-gradient(270deg,#090909dc 0%,#090909b6 35%,#09090929 66%,#09090905 100%),linear-gradient(0deg,#0b0b0bac,transparent 30%)} :where(.palette-p11) .eyebrow{color:#5ee8e1} :where(.palette-p11) .pulse-dot{background:#1cc7bf;box-shadow:0 0 0 5px #1cc7bf25} :where(.palette-p11) .hero-index{color:#c3d3d2} :where(.palette-p11) .studio-section{background:radial-gradient(ellipse at 90% 20%,#16999213,transparent 35%),var(--bg)} :where(.palette-p11) .feature-banner{background:#121212} :where(.palette-p11) .feature-banner:after{background:linear-gradient(270deg,#0b0b0bfa 4%,#0b0b0bd9 38%,#0b0b0b6a 70%,#0b0b0b1c)} :where(.palette-p11) .feature-content p{color:#d6e0e0} :where(.palette-p11) .gallery-item:after{background:linear-gradient(0deg,#080808d9,transparent 57%)} :where(.palette-p11) .gallery-caption small{color:#cbdfde} :where(.palette-p11) .gallery-num{background:#0c0c0c80} :where(.palette-p11) .text-art{background:linear-gradient(145deg,#282621,#161616)} :where(.palette-p11) .text-art .sample-type,:where(.palette-p11) .audio-art .sample-type{color:#1dcdc4} :where(.palette-p11) .text-art small{color:#a4bebd} :where(.palette-p11) .audio-art{background:radial-gradient(circle at 50% 40%,#267e7977,transparent 45%),linear-gradient(145deg,#21201f,#131313)} :where(.palette-p11) .audio-art .record{color:#1dc9c1;text-shadow:0 0 50px #169992aa} :where(.palette-p11) .audio-art small{color:#b0cecc} :where(.palette-p11) .tool-card:hover{border-color:#1699929c} :where(.palette-p11) .tool-icon{background:#16999226} :where(.palette-p11) .tool-text .tool-icon{background:#1ab1a920;color:#1ab1a9} :where(.palette-p11) .coming-badge{color:#1fd9d0;background:#16999224} :where(.palette-p11) .pricing-section{background:radial-gradient(circle at 20% 45%,#16999232,transparent 30%),var(--panel)} :where(.palette-p11) .pricing-orbit{border:1px solid #1bbeb682;box-shadow:0 0 70px #1699924d,inset 0 0 50px #16999225} :where(.palette-p11) .pricing-center{background:linear-gradient(140deg,#1fd8ce,#127b76);box-shadow:0 0 80px #1699929c} :where(.palette-p11) .pricing-points span{background:#16999217;border:1px solid #16999237} :where(.palette-p11) .handoff-dialog::backdrop{background:#0a0a0ab8} @media(max-width:620px){:where(.palette-p11) .hero-shade{background:linear-gradient(270deg,#090909e8 0%,#090909a5 70%,#0909094d),linear-gradient(0deg,#090909de,transparent 52%)}} @media(max-width:620px){:where(.palette-p11) .feature-banner:after{background:linear-gradient(270deg,#090909eb,#090909b3 72%,#09090975)}} :where(.palette-p11) .feature-pill[aria-pressed=true]{background:#16999224} :where(.palette-p11) .pricing-preview{background:radial-gradient(circle at 85% 10%,#1699921c,transparent 37%),var(--panel)} :where(.palette-p11) .pricing-demo-badge{border:1px solid #16999259;background:#16999212} :where(.palette-p11) .pricing-period-switch{border:1px solid #16999270;background:#16999212} :where(.palette-p11) .pricing-period-switch button{border:1px solid #1699924f;background:#16999220;color:#4fe6de} :where(.palette-p11) .pricing-period-switch button:hover{background:#16999242;border-color:#1bbeb6} :where(.palette-p11) .pricing-period-switch button.is-active{box-shadow:0 5px 17px #16999253} html:where(.palette-p11)[data-theme=light] .pricing-period-switch button:not(.is-active){color:#176a65;background:#caf7f5;border-color:#20dfd6} html:where(.palette-p11)[data-theme=light] .pricing-period-switch button:not(.is-active):hover{color:#115350;background:#8defea;border-color:#18a8a0} :where(.palette-p11) .pricing-period-switch em{background:#1699921d} html:where(.palette-p11)[data-theme=light] .pricing-period-switch button:not(.is-active) em{color:#176a65;background:#69eae3} :where(.palette-p11) .plan-card:hover{border-color:#1699928c} :where(.palette-p11) .plan-featured{background:linear-gradient(160deg,#16999218,transparent 52%),var(--bg);box-shadow:0 9px 40px #1699921d} :where(.palette-p11) .plan-detail{background:#16999214} :where(.palette-p11) .pricing-dialog-head{background:radial-gradient(circle at 0 0,#1699921d,transparent 46%),var(--panel)} :where(.palette-p11) .pricing-dialog-section-title button{border:1px solid #1699924f;background:#16999212} :where(.palette-p11) .pricing-dialog-section-title button:hover{background:#16999225} :where(.palette-p11) .pricing-feature-icon{border:1px solid #16999242;background:#16999216} :where(.palette-p11) .support-launcher{border:1px solid #1cc7bf;box-shadow:0 12px 35px #0e44426b} :where(.palette-p11) .support-launcher:hover,:where(.palette-p11) .support-launcher[aria-expanded=true]{box-shadow:0 16px 40px #0e444280} :where(.palette-p11) .support-head{background:linear-gradient(110deg,#16999217,transparent 75%)} :where(.palette-p11) .support-preview-note{border:1px solid #16999242;background:#16999212} :where(.palette-p11) .support-message.user .support-message-label{color:#b9f5f2} :where(.palette-p11) .support-composer:focus-within{box-shadow:0 0 0 3px #16999222} :where(.palette-p11) .hero h1 .hero-kicker{color:#5ee8e1} :where(.palette-p11) .blog-card:hover{border-color:#16999280} :where(.palette-p11) .model-card:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 20% 10%,#1bbeb6,transparent 60%),linear-gradient(160deg,#16706c,#221f1d)} :where(.palette-p11) .model-card.tone-video:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 20% 10%,#ff7a59,transparent 60%),linear-gradient(160deg,#b8327a,#171717)} :where(.palette-p11) .model-card.tone-chat-google:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 80% 10%,#1cc5bd,transparent 60%),linear-gradient(160deg,#16716c,#1b1b1b)} :where(.palette-p11) .model-card.tone-chat-deepseek:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 80% 10%,#1dc2ba,transparent 60%),linear-gradient(160deg,#1d6d69,#1a1a1a)} :where(.palette-p11) .model-card.tone-chat-x-ai:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 80% 10%,#86a6a5,transparent 60%),linear-gradient(160deg,#333333,#080808)} :where(.palette-p11) .model-card.tone-chat-qwen:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 80% 10%,#1dcdc5,transparent 60%),linear-gradient(160deg,#147d77,#1e1c1c)} :where(.palette-p11) .model-card.tone-chat-moonshotai:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 80% 10%,#1dc7bf,transparent 60%),linear-gradient(160deg,#0e514e,#131313)} :where(.palette-p11) .model-card.tone-chat-z-ai:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 80% 10%,#92c4c2,transparent 60%),linear-gradient(160deg,#2c5452,#131313)} :where(.palette-p11) .model-card.tone-chat-tencent:not(:has(img)) .model-card-media{background:radial-gradient(120% 90% at 80% 10%,#1cc5bd,transparent 60%),linear-gradient(160deg,#106661,#151515)} :where(.palette-p11) .hb-link:after{background:linear-gradient(0deg,#090909eb 0%,#09090900 82%),linear-gradient(270deg,#09090966,#09090900 72%)} :where(.palette-p11) .hb-corner{background:#0d0d0d40} :where(.palette-p11) .hb-title{text-shadow:0 2px 14px #090909} :where(.palette-p11) .hb-play{background:#0d0d0da6} :where(.palette-p11) .hb-play:hover{background:#0d0d0dd9} :where(.palette-p11) .hb-h1{background:linear-gradient(90deg,#13837e,#1bbeb6 55%,#1cc7bf);-webkit-background-clip:text;background-clip:text} html:where(.palette-p11)[data-theme=light] .hb-h1{background-image:linear-gradient(90deg,#0a433c,#116e69 55%,#127d78)} :where(.palette-p11) .studio-tab[aria-selected=true]{box-shadow:0 6px 18px #16999240} :where(.palette-p11) .tool-tag{background:#0d0d0da6} html:where(.palette-p11)[data-theme=light] .hero h1 .hero-kicker{color:#0c514e} /* public/themes/home-v2/models-menu.css */ :root:where(.palette-p11){--mm-new:#13837e;--mm-new-bg:#13837e1c;--mm-feat:#1cc7bf;--mm-feat-bg:#16999226} :where(.palette-p11)[data-theme=light]{--mm-new:#0f3f23;--mm-new-bg:#0e625e14;--mm-feat:#116e69;--mm-feat-bg:#16999214} :where(.palette-p11) .mm-tab[aria-selected=true]{background:#1699921e;border-color:#16999231} :where(.palette-p11) .mm-tab-icon{background:#1699921f} :where(.palette-p11) .mm-thumb--video{background:#0e625e1a} :where(.palette-p11) .mm-thumb--image{background:#1699921a} :where(.palette-p11) .mm-m-open{border:1px solid #16999231;background:#16999214} /* public/themes/home-v2/trends.css */ :where(.palette-p11) .trend-spot{--ts-soft:#6eeae4;--ts-cyan:#169992;background:radial-gradient(120% 90% at 100% 0%,#144033 0%,transparent 55%),radial-gradient(90% 80% at 0% 100%,#24201b 0%,transparent 60%),linear-gradient(160deg,#171717,#0c0c0c 70%);box-shadow:0 30px 90px #12121266,inset 0 1px 0 #ffffff14} :where(.palette-p11) .trend-spot:before{background:conic-gradient(from var(--ts-angle,0deg),#16999200 0deg,#1bbeb6 60deg,#169992 120deg,#ff9a5a 180deg,#16999200 240deg)} html:where(.palette-p11)[data-theme=light] .trend-spot{box-shadow:0 28px 70px #0f484533,0 2px 0 #ffffff inset} :where(.palette-p11) .trend-spot-aura{background:radial-gradient(circle,#16999255,transparent 65%)} :where(.palette-p11) .trend-spot-hot{background:linear-gradient(90deg,#ffb27a,#ff7ab6 45%,#1bbeb6 75%,#169992);-webkit-background-clip:text;background-clip:text} :where(.palette-p11) .trend-spot-points li{color:#c7f7f5} :where(.palette-p11) .trend-spot-tick{background:linear-gradient(135deg,#169992,#169992);box-shadow:0 4px 12px #16999255} :where(.palette-p11) .trend-spot-cta{background:linear-gradient(135deg,#169992,#127772);box-shadow:0 12px 32px #16999266,inset 0 1px 0 #ffffff33} :where(.palette-p11) .trend-spot:hover .trend-spot-cta{box-shadow:0 16px 40px #16999288,inset 0 1px 0 #ffffff33} :where(.palette-p11) .trend-spot-card{background:#1c1c1c} :where(.palette-p11) .trend-spot-card.is-center{box-shadow:0 30px 70px #000c,0 0 0 2px #1bbeb688,0 0 40px #16999266} :where(.palette-p11) .trend-spot-pause{background:#0b0b0bb3} :where(.palette-p11) .trend-spot-pause:hover{background:#292a1e} :where(.palette-p11) .trends-hero .trend-spot-hot,:where(.palette-p11) .trend-page-hero .trend-spot-hot{background:linear-gradient(90deg,#ff8a4c,#e8509a 45%,#169992 75%,#0e605b);-webkit-background-clip:text;background-clip:text} html:where(.palette-p11):not([data-theme=light]) .trends-hero .trend-spot-hot,html:where(.palette-p11):not([data-theme=light]) .trend-page-hero .trend-spot-hot{background-image:linear-gradient(90deg,#ffb27a,#ff7ab6 45%,#1bbeb6 75%,#169992)} :where(.palette-p11) .trends-card:hover{border-color:#16999288;box-shadow:0 18px 44px #1699922e} :where(.palette-p11) .trends-card-media{background:#141414} :where(.palette-p11) .trend-page-parts li{background:#1699921c;border:1px solid #1699924d} :where(.palette-p11) .trend-page-stage:before{background:radial-gradient(circle,#16999266,#16999222 45%,transparent 70%)} :where(.palette-p11) .trend-page-phone{background:#121212;border:6px solid #1c1c1c;box-shadow:0 40px 90px #12121280,0 0 0 1px #1bbeb655,0 0 60px #16999240} /* public/assets/site-assistant/assistant.css */ html.palette-p11[data-theme=light] .hn-sa[data-shell=home]{--sa-shadow:0 24px 64px -12px rgb(42 41 34 / .2), 0 2px 6px rgb(42 41 34 / .06)} .palette-p11 .hn-sa[data-shell=panel]{--sa-border:hsl(178 39% 76%)} .palette-p11 .theme-dark .hn-sa[data-shell=panel]{--sa-surface:hsl(60 6% 15%);--sa-raised:hsl(120 12% 21%);--sa-border:hsl(177 16% 26%);--sa-field-border:hsl(177 16% 29%)} .palette-p11 .hn-sa[data-shell=home]{--sa-surface:#2b2a27;--sa-raised:#30372d;--sa-border:#354b4a;--sa-field-border:#3d5654} html.palette-p11[data-theme=light] .hn-sa[data-shell=home]{--sa-surface:#e9f5f5;--sa-border:#b3e2df} .palette-p11 .hn-sa-brain{filter:drop-shadow(0 6px 14px rgb(23 162 155 / .35))} /* public/assets/site-assistant/beam.css */ .palette-p11 [data-beam="sa-dark"][data-active]::after,.palette-p11 [data-beam="sa-dark"][data-fading]::after{background:radial-gradient( ellipse calc(24px * var(--beam-w-sa-dark)) calc(28px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100%) calc(100% + 2px), rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.12) 30%, transparent 65% ), radial-gradient(ellipse calc(36px * var(--beam-w-sa-dark)) calc(36px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100%) calc(100% + 2px), rgb(255, 50, 100), transparent), radial-gradient(ellipse calc(30px * var(--beam-w-sa-dark)) calc(32px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 39px) calc(100%), rgb(19, 114, 109), transparent), radial-gradient(ellipse calc(33px * var(--beam-w-sa-dark)) calc(28px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 36px) calc(100% + 2px), rgb(50, 200, 80), transparent), radial-gradient(ellipse calc(29px * var(--beam-w-sa-dark)) calc(34px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 54px) calc(100%), rgb(18, 123, 118), transparent), radial-gradient(ellipse calc(27px * var(--beam-w-sa-dark)) calc(30px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 51px) calc(100% - 1px), rgb(255, 160, 30), transparent), radial-gradient(ellipse calc(36px * var(--beam-w-sa-dark)) calc(24px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 21px) calc(100% + 1px), rgb(21, 148, 142), transparent), radial-gradient(ellipse calc(30px * var(--beam-w-sa-dark)) calc(22px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 21px) calc(100%), rgb(19, 131, 125), transparent), radial-gradient(ellipse calc(25px * var(--beam-w-sa-dark)) calc(28px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 66px) calc(100% + 1px), rgb(19, 128, 123), transparent), radial-gradient(ellipse calc(23px * var(--beam-w-sa-dark)) calc(30px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 66px) calc(100% - 1px), rgb(30, 185, 170), transparent)} .palette-p11 [data-beam="sa-dark"][data-active]::before,.palette-p11 [data-beam="sa-dark"][data-fading]::before{background:radial-gradient(ellipse calc(33px * var(--beam-w-sa-dark)) calc(30px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100%) calc(100%), rgba(255, 50, 100, 0.48), transparent), radial-gradient(ellipse calc(24px * var(--beam-w-sa-dark)) calc(26px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 39px) calc(100% - 3px), rgba(19, 114, 109, 0.42), transparent), radial-gradient(ellipse calc(27px * var(--beam-w-sa-dark)) calc(24px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 36px) calc(100%), rgba(50, 200, 80, 0.48), transparent), radial-gradient(ellipse calc(23px * var(--beam-w-sa-dark)) calc(28px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 54px) calc(100% - 2px), rgba(18, 123, 118, 0.42), transparent), radial-gradient(ellipse calc(24px * var(--beam-w-sa-dark)) calc(24px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 51px) calc(100% - 1px), rgba(255, 160, 30, 0.50), transparent), radial-gradient(ellipse calc(30px * var(--beam-w-sa-dark)) calc(20px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 21px) calc(100%), rgba(21, 148, 142, 0.45), transparent), radial-gradient(ellipse calc(25px * var(--beam-w-sa-dark)) calc(18px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 21px) calc(100% - 2px), rgba(19, 131, 125, 0.40), transparent), radial-gradient(ellipse calc(21px * var(--beam-w-sa-dark)) calc(24px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% + 66px) calc(100%), rgba(19, 128, 123, 0.45), transparent), radial-gradient(ellipse calc(18px * var(--beam-w-sa-dark)) calc(26px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100% - 66px) calc(100% - 1px), rgba(30, 185, 170, 0.52), transparent)} .palette-p11 [data-beam="sa-dark"] [data-beam-bloom]{background:radial-gradient(ellipse calc(0.8px * var(--beam-spike-sa-dark) * var(--beam-spike-mul, 1)) calc(92px * var(--beam-h-sa-dark) * var(--beam-spike-mul, 1)) at 8% calc(100% - 2px), rgb(255, 60, 80), rgb(255, 60, 80) 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2-sa-dark) * var(--beam-spike-mul, 1)) calc(35px * var(--beam-h-sa-dark) * var(--beam-spike-mul, 1)) at 22% calc(100% - 4px), rgba(21, 100, 97, 0.98), rgba(21, 100, 97, 0.49) 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike-sa-dark)) * var(--beam-spike-mul, 1)) calc(72px * var(--beam-h-sa-dark) * var(--beam-spike-mul, 1)) at 36% calc(100% - 3px), rgb(21, 148, 142), rgba(21, 148, 142, 1) 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2-sa-dark) * var(--beam-spike-mul, 1)) calc(28px * var(--beam-h-sa-dark) * var(--beam-spike-mul, 1)) at 50% calc(100% - 2px), rgba(255, 170, 40, 0.59), rgba(255, 170, 40, 0.29) 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2-sa-dark)) * var(--beam-spike-mul, 1)) calc(85px * var(--beam-h-sa-dark) * var(--beam-spike-mul, 1)) at 64% calc(100% - 4px), rgb(50, 200, 100), rgba(50, 200, 100, 1) 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike-sa-dark) * var(--beam-spike-mul, 1)) calc(45px * var(--beam-h-sa-dark) * var(--beam-spike-mul, 1)) at 78% calc(100% - 2px), rgba(19, 128, 123, 0.91), rgba(19, 128, 123, 0.45) 48%, transparent 94%), radial-gradient(ellipse calc(0.6px * (2 - var(--beam-spike-sa-dark)) * var(--beam-spike-mul, 1)) calc(60px * var(--beam-h-sa-dark) * var(--beam-spike-mul, 1)) at 92% calc(100% - 3px), rgb(19, 131, 125), rgba(19, 131, 125, 1) 42%, transparent 91%), radial-gradient(ellipse calc(21px * var(--beam-spike-sa-dark)) calc(15px * var(--beam-spike2-sa-dark)) at calc(var(--beam-x-sa-dark) * 100%) calc(100% + 1px), rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0.5) 50%, transparent 100%), radial-gradient(ellipse calc(42px * var(--beam-w-sa-dark)) calc(40px * var(--beam-h-sa-dark)) at calc(var(--beam-x-sa-dark) * 100%) 100%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.12) 25%, rgba(255, 255, 255, 0.03) 55%, transparent 80%)} .palette-p11 [data-beam="sa-light"][data-active]::after,.palette-p11 [data-beam="sa-light"][data-fading]::after{background:radial-gradient( ellipse calc(35px * var(--beam-w-sa-light)) calc(28px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100%) calc(100% + 2px), rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.25) 35%, transparent 70% ), radial-gradient(ellipse calc(45px * var(--beam-w-sa-light)) calc(36px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100%) calc(100% + 2px), rgb(255, 50, 100), transparent), radial-gradient(ellipse calc(35px * var(--beam-w-sa-light)) calc(32px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 65px) calc(100%), rgb(19, 131, 125), transparent), radial-gradient(ellipse calc(40px * var(--beam-w-sa-light)) calc(28px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 60px) calc(100% + 2px), rgb(50, 200, 80), transparent), radial-gradient(ellipse calc(35px * var(--beam-w-sa-light)) calc(34px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 90px) calc(100%), rgb(18, 123, 118), transparent), radial-gradient(ellipse calc(38px * var(--beam-w-sa-light)) calc(30px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 85px) calc(100% - 1px), rgb(30, 185, 170), transparent), radial-gradient(ellipse calc(50px * var(--beam-w-sa-light)) calc(24px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 35px) calc(100% + 1px), rgb(21, 148, 142), transparent), radial-gradient(ellipse calc(40px * var(--beam-w-sa-light)) calc(22px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 35px) calc(100%), rgb(19, 131, 125), transparent), radial-gradient(ellipse calc(35px * var(--beam-w-sa-light)) calc(28px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 110px) calc(100% + 1px), rgb(255, 120, 40), transparent), radial-gradient(ellipse calc(30px * var(--beam-w-sa-light)) calc(30px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 110px) calc(100% - 1px), rgb(19, 128, 123), transparent)} .palette-p11 [data-beam="sa-light"][data-active]::before,.palette-p11 [data-beam="sa-light"][data-fading]::before{background:radial-gradient(ellipse calc(33px * var(--beam-w-sa-light)) calc(30px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100%) calc(100%), rgba(255, 50, 100, 0.48), transparent), radial-gradient(ellipse calc(24px * var(--beam-w-sa-light)) calc(26px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 39px) calc(100% - 3px), rgba(19, 114, 109, 0.42), transparent), radial-gradient(ellipse calc(27px * var(--beam-w-sa-light)) calc(24px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 36px) calc(100%), rgba(50, 200, 80, 0.48), transparent), radial-gradient(ellipse calc(23px * var(--beam-w-sa-light)) calc(28px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 54px) calc(100% - 2px), rgba(18, 123, 118, 0.42), transparent), radial-gradient(ellipse calc(24px * var(--beam-w-sa-light)) calc(24px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 51px) calc(100% - 1px), rgba(255, 160, 30, 0.50), transparent), radial-gradient(ellipse calc(30px * var(--beam-w-sa-light)) calc(20px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 21px) calc(100%), rgba(21, 148, 142, 0.45), transparent), radial-gradient(ellipse calc(25px * var(--beam-w-sa-light)) calc(18px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 21px) calc(100% - 2px), rgba(19, 131, 125, 0.40), transparent), radial-gradient(ellipse calc(21px * var(--beam-w-sa-light)) calc(24px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% + 66px) calc(100%), rgba(19, 128, 123, 0.45), transparent), radial-gradient(ellipse calc(18px * var(--beam-w-sa-light)) calc(26px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100% - 66px) calc(100% - 1px), rgba(30, 185, 170, 0.52), transparent)} .palette-p11 [data-beam="sa-light"] [data-beam-bloom]{background:radial-gradient(ellipse calc(0.8px * var(--beam-spike-sa-light) * var(--beam-spike-mul, 1)) calc(92px * var(--beam-h-sa-light) * var(--beam-spike-mul, 1)) at 8% calc(100% - 2px), rgb(200, 30, 60), rgba(200, 30, 60, 0.85) 30%, transparent 88%), radial-gradient(ellipse calc(10px * var(--beam-spike2-sa-light) * var(--beam-spike-mul, 1)) calc(35px * var(--beam-h-sa-light) * var(--beam-spike-mul, 1)) at 22% calc(100% - 4px), rgb(11, 74, 71), rgba(11, 74, 71, 0.7) 50%, transparent 95%), radial-gradient(ellipse calc(2px * (2 - var(--beam-spike-sa-light)) * var(--beam-spike-mul, 1)) calc(72px * var(--beam-h-sa-light) * var(--beam-spike-mul, 1)) at 36% calc(100% - 3px), rgb(27, 109, 105), rgba(27, 109, 105, 0.8) 40%, transparent 90%), radial-gradient(ellipse calc(14px * var(--beam-spike2-sa-light) * var(--beam-spike-mul, 1)) calc(28px * var(--beam-h-sa-light) * var(--beam-spike-mul, 1)) at 50% calc(100% - 2px), rgba(210, 130, 0, 0.7), rgba(210, 130, 0, 0.46) 55%, transparent 96%), radial-gradient(ellipse calc(1.2px * (2 - var(--beam-spike2-sa-light)) * var(--beam-spike-mul, 1)) calc(85px * var(--beam-h-sa-light) * var(--beam-spike-mul, 1)) at 64% calc(100% - 4px), rgb(30, 160, 70), rgba(30, 160, 70, 0.82) 35%, transparent 89%), radial-gradient(ellipse calc(7px * var(--beam-spike-sa-light) * var(--beam-spike-mul, 1)) calc(45px * var(--beam-h-sa-light) * var(--beam-spike-mul, 1)) at 78% calc(100% - 2px), rgb(15, 96, 92), rgba(15, 96, 92, 0.7) 48%, transparent 94%), radial-gradient(ellipse calc(1px * (2 - var(--beam-spike-sa-light)) * var(--beam-spike-mul, 1)) calc(60px * var(--beam-h-sa-light) * var(--beam-spike-mul, 1)) at 92% calc(100% - 3px), rgb(15, 101, 97), rgba(15, 101, 97, 0.78) 42%, transparent 91%), radial-gradient(ellipse calc(50px * var(--beam-w-sa-light)) calc(32px * var(--beam-h-sa-light)) at calc(var(--beam-x-sa-light) * 100%) calc(100%), rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.18) 30%, rgba(0, 0, 0, 0.03) 60%, transparent 85%)} /* public/themes/default/assets/css/tools.css */ .palette-p11 .tp-mock{box-shadow:0 24px 60px -24px rgb(22 22 22 / 22%)} .palette-p11 .tp-phone{background:linear-gradient(160deg, #203218, #101010 55%);box-shadow:0 0 0 1px rgb(28 199 191 / 32%), inset 0 1px 0 rgb(255 255 255 / 18%), 0 30px 70px -20px rgb(0 0 0 / 60%), 0 0 60px -10px rgb(23 162 155 / 45%)} .palette-p11 .tp-phone img{background:#080808} /* app/Extensions/SubtitleStudio/resources/css/subtitle-studio.css */ .palette-p11 .subtitle-studio-app{--muted:#7da3a1;--accent:#148f89;--accent-hi:#1ab3ab;--accent-soft:rgba(20, 143, 137, .12);--accent-gradient:linear-gradient(to left, #0f5d59, #148f89)} .palette-p11 .subtitle-studio-app .skip-link{color:#111111} .palette-p11 .subtitle-studio-app .brand-mark{color:#121212} .palette-p11 .subtitle-studio-app .workflow li.active > b{color:#141414} .palette-p11 .subtitle-studio-app .export-overlay{background:rgba(12, 12, 12, .58)} /* resources/views/default/home/draft-reader.blade.php */ .palette-p11 .hn-draft-backdrop{background:rgb(6 6 6 / .55)} /* resources/views/default/tools/front/idea-box.blade.php */ .palette-p11 .tool-idea-input:focus{box-shadow:0 0 0 3px #16999233} /* resources/views/default/components/brand-loader.blade.php */ .palette-p11 .hn-rpl{--hn-rpl-fill:linear-gradient(0deg, rgb(23 162 155 / .10) 0%, rgb(28 199 191 / .16) 100%);--hn-rpl-edge:28 193 185} .palette-p11 body:not(.theme-dark) .hn-rpl{--hn-rpl-fill:linear-gradient(0deg, rgb(23 162 155 / .05) 0%, rgb(23 162 155 / .12) 100%);--hn-rpl-edge:15 93 89;--hn-rpl-shadow:rgb(17 110 105 / .10);--hn-rpl-shadow-far:rgb(17 110 105 / .14)} /* resources/views/default/components/chat-model-badges.blade.php */ .palette-p11 .hn-mbadge--new{color:#0f3f23;background:#0e625e14} .palette-p11 .hn-mbadge--featured{color:#116e69;background:#16999214} .palette-p11 .theme-dark .hn-mbadge--new{color:#13837e;background:#13837e1c} .palette-p11 .theme-dark .hn-mbadge--featured{color:#1cc7bf;background:#16999226} /* resources/views/default/components/cost-preview.blade.php */ .palette-p11 .cost-widget{background-color:rgba(118, 164, 162, 0.06);box-shadow:inset 0 0 0 1px rgba(118, 164, 162, 0.1)} .palette-p11 .cost-widget__icon{color:var(--color-primary, #169d96)} .palette-p11 .cost-widget__divider{background-color:rgba(118, 164, 162, 0.25)} /* resources/views/default/components/image-zoom.blade.php */ .palette-p11 .hn-zoom__close{background:rgb(16 16 16 / 0.72);color:#E1F6F5} .palette-p11 .hn-zoom__close:hover{background:rgb(16 16 16 / 0.92)} .palette-p11 .hn-zoom__close:focus-visible{outline:2px solid #1CC7BF} .palette-p11 .hn-zoom-trigger{background:rgb(16 16 16 / 0.72);color:#E1F6F5} .palette-p11 .hn-zoom-trigger:hover{background:rgb(16 16 16 / 0.9)} .palette-p11 .hn-zoom-trigger:focus-visible{outline:2px solid #1CC7BF} /* resources/views/default/components/navbar/partials/types/item.blade.php */ .palette-p11 .hn-insta-icon{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #126e69 60%, #117973 90%);box-shadow:0 6px 16px -8px rgb(18 110 105 / 0.8)} /* resources/views/default/components/shiny-button.blade.php */ .palette-p11 .hn-sb{--hn-sb-base:#117570;--hn-sb-inset:#16968F;--hn-sb-accent:#1CC7BF;--hn-sb-accent-soft:#A5F2EE} /* resources/views/default/layout/partials/app-glow-button.blade.php */ .palette-p11 .hn-appglow{--hn-appglow-soft:#1CC7BF;--hn-appglow-cyan:#13837E;background:radial-gradient(120% 150% at 50% -10%, rgba(28, 199, 191, .42), transparent 58%), linear-gradient(180deg, #203218, #141414);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .34), inset 0 -10px 18px rgba(23, 162, 155, .38), 0 0 0 1px rgba(28, 199, 191, .30), 0 6px 22px rgba(23, 162, 155, .48)} .palette-p11 .hn-appglow::before{background:conic-gradient(from var(--hn-appglow-angle), rgba(28, 199, 191, .28) 0 52%, var(--hn-appglow-soft) 68%, #fff 76%, var(--hn-appglow-cyan) 84%, rgba(28, 199, 191, .28) 96%)} .palette-p11 .hn-appglow__icon{filter:drop-shadow(0 0 6px rgba(28, 199, 191, .9))} .palette-p11 .hn-appglow:hover{box-shadow:inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -10px 20px rgba(23, 162, 155, .5), 0 0 0 1px rgba(28, 199, 191, .5), 0 8px 30px rgba(23, 162, 155, .65)} .palette-p11 .hn-appfloat__close{border:1px solid rgba(28, 199, 191, .35);background:rgba(20, 20, 20, .82);color:#E1F6F5} .palette-p11 .hn-appfloat__close:hover{background:rgba(32, 50, 24, .95);border-color:rgba(28, 199, 191, .7)} .palette-p11 .hn-appfloat__close:focus-visible{outline:2px solid #1CC7BF} .palette-p11 .hn-appdl{color:#E1F6F5;background:radial-gradient(90% 60% at 50% 0%, rgba(23, 162, 155, .30), transparent 70%), linear-gradient(180deg, #191919, #101010);box-shadow:0 0 0 1px rgba(28, 199, 191, .32), 0 30px 80px rgba(0, 0, 0, .6), 0 0 60px rgba(23, 162, 155, .25)} .palette-p11 .hn-appdl::backdrop{background:rgba(6, 6, 6, .72)} .palette-p11 .hn-appdl__mark{background:#101010;box-shadow:0 0 0 1px rgba(28, 199, 191, .3), 0 6px 18px rgba(23, 162, 155, .35)} .palette-p11 .hn-appdl__sub{color:#9EC1BF} .palette-p11 .hn-appdl__x{border:1px solid #2D2D26;color:#9EC1BF} .palette-p11 .hn-appdl__x:hover{border-color:#1F4745} .palette-p11 .hn-appdl__opt{color:#E1F6F5 !important;border:1px solid #2D2D26} .palette-p11 .hn-appdl__opt:hover{background:rgba(23, 162, 155, .12);border-color:#1F4745} .palette-p11 .hn-appdl__opt:focus-visible,.palette-p11 .hn-appdl__x:focus-visible,.palette-p11 .hn-appdl__more:focus-visible{outline:2px solid #1CC7BF} .palette-p11 .hn-appdl__opt.is-direct .hn-appdl__logo{background:linear-gradient(160deg, #17A29B, #116E69)} .palette-p11 .hn-appdl__text small{color:#789F9E} .palette-p11 .hn-appdl__go{color:#1CC7BF} .palette-p11 .hn-appdl__opt.is-direct{border-color:rgba(28, 199, 191, .45);background:rgba(23, 162, 155, .10)} .palette-p11 .hn-appdl__tip{color:#E1F6F5} .palette-p11 .hn-appdl__more{color:#1CC7BF !important} .palette-p11 .hn-appdl__more:hover{background:rgba(23, 162, 155, .12)} /* resources/views/default/layout/partials/model-announcements.blade.php */ .palette-p11 .hn-mna{--mna-text:#181818;--mna-soft:#2d4640;--mna-muted:#567472;--mna-border:#cfdbda;--mna-action:#116e69;--mna-action-hover:#0e5f5b;--mna-primary-ink:#116e69;--mna-ghost-hover:rgba(24, 24, 24, .06);--mna-backdrop:rgba(11, 11, 11, .55)} .palette-p11 body.theme-dark .hn-mna,html.palette-p11[data-theme="dark"] .hn-mna{--mna-surface:#101010;--mna-text:#e1f6f5;--mna-soft:#9ec1bf;--mna-muted:#789f9e;--mna-border:#2d2d26;--mna-primary-ink:#1cc7bf;--mna-ghost-hover:rgba(225, 246, 245, .07);--mna-backdrop:rgba(6, 6, 6, .72)} .palette-p11 .hn-mna__media{background:#0e0e0e} .palette-p11 .hn-mna__chip{background:rgba(14, 14, 14, .62)} .palette-p11 .hn-mna__chip--iran{color:#0f0f0f;background:#13837e} .palette-p11 .hn-mna__close{background:rgba(14, 14, 14, .55)} .palette-p11 .hn-mna__close:hover{background:rgba(14, 14, 14, .8)} /* resources/views/default/panel/admin/frontend/socialmedia.blade.php */ .palette-p11 .hn-social-preview .is-dark{background:#111111;border-color:#2e2f28;color:#89a4a3} .palette-p11 .hn-social-preview .is-light{border-color:#d5e5e4} .palette-p11 .hn-social-preview .is-dark li{background:#1b1b1b;border-color:#2e2f28} .palette-p11 .hn-social-preview .is-light li{background:#f1f6f6;border-color:#d5e5e4} /* resources/views/default/panel/authentication/otp_verify.blade.php */ .palette-p11 .otp-help{--otp-accent:#13837d} .palette-p11 .theme-dark .otp-help{--otp-accent:#1dc9c0} /* resources/views/default/panel/layout/premium/widget.blade.php */ .palette-p11 .lqd-premium-chatbot{} } .lqd-ext-chatbot-premium { --lqd-ext-chat-primary:#0f6561;} .lqd-ext-chatbot-premium .connect-agent .thanks-button { border:1px solid #CAD5D5;} .lqd-ext-chatbot-premium .connect-agent .thanks-button:hover { background-color: #F1F4F4;} .lqd-ext-chatbot-premium .connect-agent .agent-button { border:1px solid #CAD5D5;} .lqd-ext-chatbot-premium .connect-agent .agent-button:hover { background-color: #3DE3DB} /* resources/views/default/panel/user/finance/prepaid/freeservice.blade.php */ .palette-p11 #bank-form{box-shadow:0px 0px 0px 0.5px rgba(39, 66, 55, 0.055), 0px 2px 5px 0px rgba(39, 66, 55, 0.068), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.021)} /* resources/views/default/panel/user/image-generation/index.blade.php */ .palette-p11 .theme-dark .hn-composer__cost strong{color:#1CC7BF} .palette-p11 .theme-dark .hn-assets__upload-icon{color:#1CC7BF} @media (max-width: 767px){.palette-p11 .hn-sheet__done{background:#117570}} /* resources/views/default/panel/user/library/partials/styles.blade.php */ .palette-p11 .lib-media-video .lib-media-btn{background:#0c0c0c} /* resources/views/default/panel/user/model-creating/generate-image.blade.php */ .palette-p11 input[type="text"]:focus,.palette-p11 input[type="number"]:focus,.palette-p11 input[type="email"]:focus,.palette-p11 input[type="password"]:focus,.palette-p11 select:focus,.palette-p11 textarea:focus{box-shadow:0 0 0 2px rgba(34, 152, 147, 0.25);border-color:#1CB5AE} .palette-p11 .dark input[type="text"]:focus,.palette-p11 .dark input[type="number"]:focus,.palette-p11 .dark input[type="email"]:focus,.palette-p11 .dark input[type="password"]:focus,.palette-p11 .dark select:focus,.palette-p11 .dark textarea:focus{box-shadow:0 0 0 2px rgba(34, 152, 147, 0.25);border-color:#219892} /* resources/views/default/panel/user/model-creating/index.blade.php */ .palette-p11 input[type="range"]::-webkit-slider-thumb{background:#1CB5AE} .palette-p11 input[type="range"]::-moz-range-thumb{background:#1CB5AE} .palette-p11 input[type="range"]::-ms-thumb{background:#1CB5AE} .palette-p11 .dark input[type="range"]::-webkit-slider-thumb{background:#219892} .palette-p11 .dark input[type="range"]::-moz-range-thumb{background:#219892} .palette-p11 .dark input[type="range"]::-ms-thumb{background:#219892} .palette-p11 .toggle-checkbox{border-color:#1CB5AE} .palette-p11 .toggle-checkbox:checked + .toggle-label{background-color:#1CB5AE} .palette-p11 .dark .toggle-checkbox:checked + .toggle-label{background-color:#219892} /* resources/views/default/panel/user/openai_chat/components/video_gate.blade.php */ .palette-p11 .hn-vgate-backdrop{background:rgb(6 6 6 / .55)} /* resources/views/default/panel/user/trends/partials/styles.blade.php */ .palette-p11 .tr-viewer{background-color:#060606} .palette-p11 .tr-viewer-switch button.is-on{color:#0d0d0d} /* tokens */ :root.palette-p11{--bg:#0B0B0B;--panel:#151515;--panel-2:#171717;--panel-3:#212121;--stroke:#2A2A2A;--text:#F2F2F2;--muted:#8C8C8C;--subtle:#6B6B6B;--purple:#027875;--purple-strong:#006C69;--purple-soft:#5EF3EA;--focus:#5EF3EA} html.palette-p11[data-theme=light]{--bg:#F1FBFA;--panel:#FFFFFF;--panel-2:#ECF9F8;--panel-3:#E4F7F5;--stroke:#D4E2E1;--text:#0B0B0B;--muted:#5F6F6D;--subtle:#738381;--purple:#027875;--purple-strong:#006C69;--purple-soft:#027875;--focus:#027875}