From 6d4500ffe281702a850ff1556c4e419321d69762 Mon Sep 17 00:00:00 2001 From: itsmartashub Date: Mon, 15 Jan 2024 14:16:36 +0100 Subject: [PATCH] fix: improve button transition smoothness in Firefox - Address laggy appearance of button transitions in Firefox - Adjust cubic-bezier and duration for smoother transition effects Changes summary: - Improved the smoothness of button transitions in Firefox by adjusting cubic-bezier and duration. --- extension-dev/assets/icons/128.png | Bin 0 -> 8483 bytes extension-dev/assets/icons/16.png | Bin 0 -> 689 bytes extension-dev/assets/icons/19.png | Bin 0 -> 841 bytes extension-dev/assets/icons/32.png | Bin 0 -> 1824 bytes extension-dev/assets/icons/38.png | Bin 0 -> 2226 bytes extension-dev/assets/icons/48.png | Bin 0 -> 2838 bytes extension-dev/css/index.css | 2142 +++++++++++++++++++++++++++ extension-dev/manifest-moz.json | 30 + extension-dev/manifest.json | 24 + src/sass/elements/_transitions.scss | 6 +- 10 files changed, 2200 insertions(+), 2 deletions(-) create mode 100644 extension-dev/assets/icons/128.png create mode 100644 extension-dev/assets/icons/16.png create mode 100644 extension-dev/assets/icons/19.png create mode 100644 extension-dev/assets/icons/32.png create mode 100644 extension-dev/assets/icons/38.png create mode 100644 extension-dev/assets/icons/48.png create mode 100644 extension-dev/css/index.css create mode 100644 extension-dev/manifest-moz.json create mode 100644 extension-dev/manifest.json diff --git a/extension-dev/assets/icons/128.png b/extension-dev/assets/icons/128.png new file mode 100644 index 0000000000000000000000000000000000000000..c20a730391667ea0f3ad16ad0148964a10fcecd0 GIT binary patch literal 8483 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 RRFePz002ovPDHLkV1f}^)06-J literal 0 HcmV?d00001 diff --git a/extension-dev/assets/icons/16.png b/extension-dev/assets/icons/16.png new file mode 100644 index 0000000000000000000000000000000000000000..8c5f34ea63ed4492569bf65af49f45a0033ee93f GIT binary patch literal 689 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GXl47)1hnLR{Soe0=S5q66~u3ZW^dt1--JMO7Ox64?G=nX*f*p-wqWlUHf-2n16AYES z^%cC_tzr{{=0*AC16AgyG$cn<0M*#)MP&O;i}R_>h^VuchA1Ds^e)|Xl<_l zw7#v~pRDkFvSO0BxaW!$Pu_n3awlzk|9-{$ zCr|$W|Njq&Nd*kL;pwhGdp>x&IEF}ERy}_;so6oq^&+?9^`uy^jh`t`s4 z63?o8-zuXS7?NIpYTPRKK1%6Lc}3~|O%bO}^JX^J&W{%R{d(P|uXAGZfAh*qSv9tWW<7g6G41?st7i+FLQM_X;yo`dx9Wd=;XsrLXLbG$o8J|M@S5s=CH!YVHR5ox#)9&t;ucLK6U@4nTtd literal 0 HcmV?d00001 diff --git a/extension-dev/assets/icons/19.png b/extension-dev/assets/icons/19.png new file mode 100644 index 0000000000000000000000000000000000000000..38a526b12b53c83c31b95d84569e34c8ba9fbca0 GIT binary patch literal 841 zcmeAS@N?(olHy`uVBq!ia0vp^!XV7S3?yCqj{Rd`VDt*`32}8V@Ub_H&{yzqG>S1% z^)poTHdOL4QU)Sl6BR#w1y4KuNK36?Kl^k)`-~{Rf@r@2XOlR4!zg!)#7M7hXVW+j z>x59ZuGGkir0|k#-zhmsby@MX;oiBCetFpmwc#EG`KgU|dJ#Y~t#!go)%-0qf*p*a z3=}<_jN>e|gS@O#T+E_%6^ zplfQReN%bL@yx(!hZa0b^XgjDb8}+J#?>vicJ_a1PF|Z5SX&t1;bfHDUHEuG^K*Zj zyd6dl_#`FdCOnu9Yx&T81Sd*=OkztSkb{9wa4YcJ$PY}q*R+3v1K*`ck?+1uyToS2%sci+4lrBREzQ#a2jx^jBy$KwlsE-rh# zxcqKLTqOe+7cdyVi0XraIIkqgFPK4HQu4*Vuam8Mu717RVb}YS`(C{4`TFAO zi>qI)CQtrPJ;3nG?-D;SJ{>$=977~7+fF!I#uUilEH5(SVAQL;^T(!2-dVb%`tH~N z-(CG?#};k!&|~198!spCcivC`+QIo|e13IXW{T;H_BUm(J|TGNYvj%~ug|`3+wwYM zo72aPnDa-scs$fTS{U7(W*{}!?bPHI({%T&UdFJOVa@xKQ7Z9U9_>7TXthp3Q#b4F zIVrY#QqNqfm=V6#s$~M>>^UkYbG_widAft%xg9lN_;bM|)pOpGw`;6+l;J*JZa8Gp$FoY!jG!z?u5HWcqjPSDmW;Jc=@l5^XXaYk|XennWxd>(%Tz* zH%OdL=$del;hO5TO_{qtD}9_1uxP?hy9cUStE;BJ+rIK(Fzdpf{0~avRkf$SQg*TN z=Y3M9w{u7E$tSrHfg*=K=N;#oR-A6{!|BvfUOD%FNaV5Sj&kyc_3rA&{Ir-;;W;k^ P7>f*^u6{1-oD!M}ju literal 0 HcmV?d00001 diff --git a/extension-dev/assets/icons/32.png b/extension-dev/assets/icons/32.png new file mode 100644 index 0000000000000000000000000000000000000000..cf0becc5b1cafdb5f26e855224d957eb82d197cb GIT binary patch literal 1824 zcmd5+30D$`7RF`FEN85-DQzsrNR4qJ_XWWX0YOAmR8TSy#RWqtP;vK+3u>uNid*J_ zz7|?+B%f>Mp8I4@qPZI`nJ=}$8nwrp`4jJ+yL{&^=R4<~du|pEi%?b3Q~>}0swkv0 zUKX|gXUYmP?_9&{0RZILIE)t@!NiyX-AvA5WNM*{^F>Em=y^iHJ`gb8(Ub`O$rT1B z8l6STN-}J9!PCyj*Vcd_Ylay5$nwV8uEyG^zX6JfjdC>gw+4A)pfsF)7!k{)_^`1s zx+|1I58zULIT4o=W#dR2iVyM^5|Wb`HAco2GpI=+{&7rNiZ?Pml9~+H^L4mLayBPh z>fs>$iW1^jrkI6Z-%>{3BJq*$+2x$}OY(exv zF|71G(N=V7;~LkJq7w{vLKLTd*4$ z&b!WhjI#6h!$t-XIi5(`bG{S}rS#sBTqWlR;yHeza)qa?sYID^j7XP6fD+cJWmUs9uZ38D7O;m;|^fjOTm&TU))kK zdp~)imOGeD{daw;IEHrpQSO^0lF-YM%feU4_N;f>MpU>A(t@!({x#XKL2!zuV++$6 z3pvq}#@yXN*Sx;!z3Z&82=4;A8}DZ55T893g0CzL>nLOPW?$+SB#)+smv)s)s9xNx zh`Nk0;ggIh8Zj1O8d{Px&{VRhciOr(b1l`szPW6O?k!9rJsW-?`K@TMG!R<|13zdnJ5yXtt@V-9&dv|CA!8xah*>X2=p(vsYaPpY!&@YcR=@Y55a-s$!-&zcY zY7T3@>moG=|IDHF@r$1&g|aImLq(f^NT;`_H)mLYxeAY#t)7%>gb0sdYsKv6$?tA1 zNzOpOi0!LkYDZQ+jV&HxZF8bO&--X8D5S)I)iOU<%?NT6xXUBk)BAS~5mbn1nF+~x z)9M~M^NG%pKzccop1F5p0=w6dll${ou;$Hg!zy1aFg{2REq;9Se5rMv&0QjUhDcA| zIozdE5!)wSPl&95E-)d)r>hC`9|y|cmZJKCC~R0O;$VhdPCEN!_PeQbJqL-4Yp(~& zEsaCXG}Q!``ra2bk4PpE`#-aiAUo3Ds+ny!t#T*g;TOQ8h6CvKk&ZjIrx@+9_IPgR zy=>9#Ht~2Ax;hPMl*VcTBEwY!m5QTaP>|Nq3*Aj8gZkq zj-)4T5F7Vb;U{(TCIOwvx~fVJd5T0r*-+)^T2r^EF>))V+nbYYEYs>hJqL~_vxZhSx(&RBE8Yx0K zkn}(LnN|HLiJzpa;Vk567z%)g38&mek$2+QHc2Pr`}6Ld#>UU@4q4777#kMvj>6}y$RifY z;5wknZ8)qh^;#}A1lZ|RcD%P+vA4sj67!pwp{M92+kww`GQnHO3%uo8 zh;_9&M;Q&x@tn)+1z|{W&>X5L6 literal 0 HcmV?d00001 diff --git a/extension-dev/assets/icons/38.png b/extension-dev/assets/icons/38.png new file mode 100644 index 0000000000000000000000000000000000000000..762d9111d26710b7583786c553feb7fba069fc84 GIT binary patch literal 2226 zcmdT^2{#*v7S3sDjiP3xZ_t&o(^%4|eQSsi*+hZ_u?DddK`bqbpeePqwo;`SyRj4% z#S=?tQMwU^SZW_N7}a)O-h1b~|M2el?!D)pbMHOhx#v5ViAKW2MP)?+0Dw5$8j2NU zrGLA~X+bRI%M=3ur@GMyoFyy-0lI3fEpMxN4X%032BL)i4={of4-YWYcGgq1x6~yY zYT$L1&^Hv37GM_xbqB$Sok<`O6-q*fIlu!1<$qzWLo^4IbbdiN+l7D?kb>yv$`EW2 z;D0>`6Yl``cvoyV5t)oI@$w-?YstZ}P(Np6NRVd&)jdAg`!{Tfdn2+sv$wLnxdhXs_ibD3(z%S#wT}Fi)Zhto z9TLl{%RtkXop%B=a%xC;SCG)ylerS@Q1>ims)qR?-2G*m=SwFT?OE!WyCti?a3d$8 zu{He76kV_VXPHK@lpc$ zq3#{^_r~+07HICzn{vim(~eRDhy4iUo~XOAuH^$I`vh24F{9U3KP)eT+mJX%_snJn zSEK}YB~a>yYvx#CZ>Jj9{RqwD^*e=u?<%4eEAShtM#RuSTev)}<0^n5P_m?iK(`*% zq4okbuSZ~!_5hl^0Xr2YwI{Vm>)ZET+GBI(`1|t9q*;<7(cn+w{5+P803g%@hnnN`xU}3OHy})!^UzgDc<>+MhlQ@DrM%f$ z&dxS(XZv9EfWMeTbw&u{cBqfK~_%vP~DJoTSpdj=_~(;^HZlqj#dKeoyXJWu7RN5rFB`;{fQMF*ZA17 zRU982r)sDCb-P2proo_goZxG1%Wxp-_|}28YQM5qr?nfO;a>mJ9K4ZnTs=WAA1K4I z|9oD&R%Ougv4Pcgy3V4Ct2H8`w0979(>Yc-_ROu4s;!Di+Dh`b(PLxJ?X&)8UWne~ zEUPH~75!Ud*YK3Cz9ZpNC(niG)s!TTdhO8eR#!t%xpBjyC`w)zNG7gye)(0cqpGgE zqfJ?p>*AOTemfsRHp_2(k|ctfN(5|qEG@T;sC5h;wC;~Jy9eiY2Yn)~^rd7R99L!* zTSdu?oTEN18y33jy3_7B$L6P|_ON5Q+y%~+n>UO~9~g>J_N6%}`G8mj;FFP=&4{oP zMO(ry4TZ$>43DHA*-?FWC)PJ*UR;$^RXdgb)UO9AG5sujQ$uI4mZuN1k}x@%>Y9AR z?~#(Ym}7%sq64zts$UYlYq8rlyz-@Ql?Su3l4VIbP*8Nbt7+^#Xa(>EARU&d^D(;? zvz&BwZ07#XxIWe-tS=)IA4z}PewcfsQdFx@Ok1p9l69?qa@qg0_fBa%TvKzwv~TpY zzuR>C6?H!yVO8lt0OybRRHm74*<3@Hp&03Xt;KfY8*uB#_*Bb(nBxiuA^_jWl-b@%t2q=U4AX$G+OPTIPp;R65dT0MB*)sX+t-G3o z8D?xuloX)=Y|CGYQnkHMx%eI|WK!3Uz@BqAGrB@`*4KW2d)?3Q#Z+Fx`~3uCrP z5LPj}+sjOA64s+vd!NvMBQKm+x|C)gily0zYW#Rz{Dg`oD20FQ9-O7TG`xNw{VKHB zNwEU`2&$3pdieVNYZRyP;OEmJj6DqGwt~+EF_u&YbaHbh%-i`OhT(($r7M?=zbqHv%0g-#GAmy$$*37^nQA}x&UTjn$+iiI);FNG87XXB zj+T*a(UR3j9|S{~vb0KWTxbg7r5r5&m>sPD?FU2bpmL?g$wk5U2EZ+m K&;|=~;=cfd>vO{Z literal 0 HcmV?d00001 diff --git a/extension-dev/assets/icons/48.png b/extension-dev/assets/icons/48.png new file mode 100644 index 0000000000000000000000000000000000000000..14a3e2da072f1004f7742638f38a9c66bc75cc90 GIT binary patch literal 2838 zcmdT`_d6Tv7Y{W`tF0Orby1~e1hJBc7%?J|#0+V~3e_M+O6?jIql%~zYSm~|FIu%K z6xG(cE!AOGOU;%pt6Jmc`)7RL=bZDN=Q*GAIiL4=&JS-o9&0TkEF%m607OtWNC)n% z{Xai?gd06)gjxUq-hMpB$nNhZ zN_KE9S8f$&8o|wpc64r}IOKzsu*N_F7hnzXqI$$)5WWQ4AO}k-*GxdJRF62QhBLQ| z;uh&_6A06Ev4vCo$*~tn(eCziE+Lo1Oqaw>+%Uly6AIaZ?v7*nxL&bC_@dzyZX;B~ zNlzK4r;O#obkEtDgGr{^M6N0$HAgNRR~vT<66|59>Hr54%(Xq>nnXiYu3%dms5c2m zhp7>;rWX-fBufLbv6hnqk_u6E){sLCRxNutTt*rCp`rd56JIMMPgPkc@T?g`+XfAz zI3U7cT6iDFm~&EkU}f8X@2={pTI(oTQCzRMpn}}cAwUI-$+qt}lK>(%m_|u}XyD&9 ztsAIg{D{#+R5xO`{pgDXyTQNI1&E)jN+Kp%W*G3_ngy}BlD z^EaV`?Ckzn=iH`wysMsnTP+c2e8Y}I}QK{ilUHaPB#5<1v?(% z<1)`vE1Qn?&Q|GIiQJiavesPM`tV`b{rkg`k_D|C(}FDC46BR;rxbKyW$wcHipqqH zynswwOyxv?IQ{i7B6I}*wZHbq{_bwsPFxw7{xY#*nR+n4b;hu9D);i0P zE7SqB)R*q7Vb*uvU6!K?^qgGGQgz34$SEfse%tGMD?k_yY1J?=Xyw3KD=HoikCwsR z;`Rry0Fvfdbu}xT%2kUQ^uzlgMe1#^@D-|0imkIDY1su{3T>hobJP%z4w9Z{IOji%IU?Uo0Ks zh;&5-O@`CPU+dw9FLQKRN1O*_vdc4B7l*Q?(2mArXY zhOR6iA)=5gKXb*ykKY*zY@fo*VfMJ4fnJTZ#Ox+{UjwVttuuWv$=+SYxwJufkB?f;Fmhk zo7}MCJGa}U84B|u;0Ei^0)C;D;)rqqQ)IuC^mYDzYtJiG)`RFq~ud6a=jc2C`Plp$E$)l;}y|R5u=UJvays`XC2mwJ@R#{g2 z_POCnDaKr9*0iCC;-HbO2K!kWX!FFgP=hWZWmmDU{IBhf$HxA+r_y5Gm^~B|J?hUu zUz`5ihdP~p)83o!0uR4~c;GqVUWaxeTq>?acH+v9d%+`n2DFD$o85*ta;>BSrPM5= zn~6FMe)C(NtmfOA{W{|IC2qtRz{Dp z`Ox;VmU(5k*)G_D%IHVGzlQKbQ$x>xDnjb`qlsP%QO7rqB`gIi49W=r#5X>rjJzHL zgvBply3;Ec(tVe0Y2QP2Pdv4V$?TMI{FU(OD#Qlhr^fonNM2MPkxbI~`Q0 zRF_+n>{Mi;gw2exRmA$7U!YqMRzZTO*ZN(Y$!_F{Nw98R{-u;jxEyfOCp`KM6{A=L zAE-z%@s>GT82@{YO}FX4a>7-3!TYHUJ74BTTE)qYBA9wFS>fnX`_5!4ePBRMSoFFm z-)bl$AgYB3bhdf2SN@2RWUiChz1ukA$1ERd_AZ+aSTj z@?HzO6*sSb zhf=&rB>|4TQ;y)N?2(8MPLSPq;mhD9M;`2* div.absolute { + border-top-right-radius: inherit; + border-bottom-right-radius: inherit; + padding-left: .5rem; + background-color: var(--c-surface-2) !important; +} + +html, body { + --text-primary: var(--c-txt) !important; + font-family: Inter, sans-serif, Söhne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; + font-family: var(--f-fm) !important; + color: var(--c-txt) !important; + background-color: var(--c-bg-chats-container) !important; +} + +a { + font-family: Inter, sans-serif, Söhne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; + font-family: var(--f-fm) !important; +} + +html { + scrollbar-color: var(--c-scrollbar-thumb) var(--c-scrollbar-track); +} + +::-webkit-scrollbar-thumb { + background-color: var(--c-scrollbar-thumb) !important; +} + +::selection { + background-color: hsla(var(--accent-hsl) / .5) !important; + color: var(--c-txt) !important; +} + +button { + --text-primary: var(--c-txt) !important; +} + +input::placeholder, textarea::placeholder { + color: var(--c-placeholder) !important; + opacity: .6 !important; +} + +.h-px { + display: none !important; +} + +code.hljs { + letter-spacing: -.0125rem; +} + +.rounded-md { + border-radius: .909091rem; + border-radius: var(--br-btn); +} + +.shadow-md { + box-shadow: none; +} + +.next-error-h1 { + color: var(--c-accent); + font-size: 3rem !important; + font-size: var(--fsz-error-404) !important; + border-color: currentColor !important; + font-weight: 600 !important; +} + +[class*="text-gray-"]:not(.text-gray-100):not(.text-gray-400):not(.text-gray-500):not(.text-gray-600), [class*="text-white"]:not(.btn-primary .text-white):not(.bg-green-600):not(svg):not(.toast-root .text-white[role="alert"]) { + color: var(--c-txt); +} + +.text-gray-400, .text-gray-600, .text-gray-500 { + color: var(--c-subtext-2) !important; +} + +.text-gizmo-gray-500, .text-gray-100, .text-token-text-secondary { + color: var(--c-subtext-1) !important; +} + +.text-red-500 { + color: var(--c-danger) !important; +} + +[class*="text-[#FE7600]"] { + color: var(--c-accent); +} + +.bg-gray-900, .bg-white { + background-color: var(--c-surface-1) !important; +} + +.bg-gray-50, .bg-gray-100 { + background-color: var(--c-surface-2) !important; +} + +[class*="dark:hover:bg-gray-600"]:hover { + background-color: var(--c-surface-1) !important; +} + +[class*="dark:hover:bg-gray-700"]:hover, [class*="dark:hover:bg-gray-800"]:hover, [class*="dark:hover:bg-white/5"]:hover, [class*="dark:bg-gray-700"] { + background-color: var(--c-surface-2) !important; +} + +[class*="dark:bg-gray-800"] { + background-color: var(--c-bg-chats-container) !important; +} + +[class*="bg-green-600"] { + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; +} + +[class*="bg-red-500/10"] { + background-color: hsla(var(--danger-hsl) / .11) !important; + color: var(--c-danger) !important; +} + +.bg-gradient-to-l, .bg-gradient-to-r { + --gradient-color-from: var(--c-surface-1); + --gradient-color-to: transparent; + --tw-gradient-to: var(--gradient-color-to) var(--tw-gradient-to-position); + --tw-gradient-from: var(--gradient-color-from) var(--tw-gradient-from-position) !important; +} + +.bg-token-surface-secondary { + --surface-secondary: var(--c-surface-2) !important; +} + +[class*="bg-white"] { + background-color: var(--c-surface-2) !important; +} + +[class*="bg-black"] { + background-color: var(--c-surface-1); +} + +.border-gray-100 { + border-color: #0000 !important; +} + +.border-gray-200 { + border-color: var(--c-surface-2) !important; +} + +.border-gray-300 { + border: none; +} + +[class*="dark:border-gray-700"] { + border-color: #0000 !important; +} + +html.dark [class*=":border-white/10"] { + border-color: var(--c-border-accent) !important; +} + +html.light [class*=":border-white/10"] { + border-color: var(--c-border) !important; +} + +[class*="border-red-500"] { + border-color: var(--c-danger) !important; +} + +.rounded-xl { + border-radius: 1.2rem !important; + border-radius: var(--br-btn-big) !important; +} + +.rounded-lg, .rounded-md, .rounded { + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; +} + +.rounded-t-md { + border-top-left-radius: .909091rem !important; + border-top-left-radius: var(--br-btn) !important; + border-top-right-radius: .909091rem !important; + border-top-right-radius: var(--br-btn) !important; +} + +.rounded-b-md { + border-bottom-left-radius: .909091rem !important; + border-bottom-left-radius: var(--br-btn) !important; + border-bottom-right-radius: .909091rem !important; + border-bottom-right-radius: var(--br-btn) !important; +} + +pre code.hljs { + padding: 1em; + display: block; + overflow-x: auto; +} + +code.hljs { + padding: 3px 5px; +} + +.hljs, pre .bg-black, .js-has-pseudo [csstools-has-34-36-2t-w-1a-2q-2v-19-2q-30-2p-2r-2z-w-1q-w-2s-2x-3a-1m-2w-2p-37-14-1q-w-37-34-2p-32-15]:not(does-not-exist):not(does-not-exist):not(does-not-exist), .hljs, pre .bg-black { + color: #e0def4 !important; + background: #232136 !important; +} + +pre .bg-black > div:has( > span) { + color: #e0def4 !important; + background: #232136 !important; +} + +.hljs::selection, .hljs ::selection { + color: #e0def4 !important; + background-color: #393552 !important; +} + +.hljs-comment { + color: #59546d !important; +} + +.hljs-tag { + color: #817c9c !important; +} + +.hljs-subst, .hljs-punctuation, .hljs-operator { + color: #e0def4 !important; +} + +.hljs-operator { + opacity: .7; +} + +.hljs-bullet, .hljs-variable, .hljs-template-variable, .hljs-selector-tag, .hljs-name, .hljs-deletion { + color: #ecebf0 !important; +} + +.hljs-symbol, .hljs-number, .hljs-link, .hljs-attr, .hljs-variable.constant_, .hljs-literal { + color: #eb6f92 !important; +} + +.hljs-title, .hljs-class .hljs-title, .hljs-title.class_ { + color: #f6c177 !important; +} + +.hljs-strong { + font-weight: bold; + color: #f6c177 !important; +} + +.hljs-code, .hljs-addition, .hljs-title.class_.inherited__, .hljs-string { + color: #ea9a97 !important; +} + +.hljs-built_in, .hljs-doctag, .hljs-quote, .hljs-keyword.hljs-atrule, .hljs-regexp { + color: #3e8fb0 !important; +} + +.hljs-function .hljs-title, .hljs-attribute, .ruby .hljs-property, .hljs-title.function_, .hljs-section { + color: #9ccfd8 !important; +} + +.hljs-type, .hljs-template-tag, .diff .hljs-meta, .hljs-keyword { + color: #c4a7e7 !important; +} + +.hljs-emphasis { + font-style: italic; + color: #c4a7e7 !important; +} + +.hljs-meta, .hljs-meta .hljs-keyword, .hljs-meta .hljs-string { + color: #b9b9bc !important; +} + +.hljs-meta .hljs-keyword, .hljs-meta-keyword { + font-weight: bold; +} + +*, :after, :before { + --tw-ring-color: hsl(var(--accent-h), calc(var(--accent-s) / 1.5), var(--accent-l)) !important; + --tw-ring-offset-color: var(--c-bg-dialog) !important; +} + +:focus-visible:not(.btn-primary):not(.btn-danger):not(.btn-neutral:not([role="combobox"]):not(.bg-token-surface-tertiary input)):not(button[role="combobox"]:not([role="combobox"]):not(.bg-token-surface-tertiary input)):not(textarea):not(input):not([aria-label="Delete shared link"]):not([class*="text-red-"]) { + outline: 2.5px solid hsl(var(--accent-h), calc(var(--accent-s) / 1.5), var(--accent-l)); +} + +:focus-visible:is(.btn-neutral[role="combobox"], button[role="combobox"]) { + border: none !important; +} + +:focus-visible:is([aria-label="Delete shared link"], [class*="text-red-"]) { + --tw-ring-color: var(--c-danger) !important; + outline: 2.5px solid var(--c-danger) !important; +} + +.btn-danger { + --tw-ring-color: var(--c-danger) !important; +} + +[role="separator"] { + border-color: var(--c-border) !important; +} + +[role="menu"] { + background-color: var(--c-bg-contextmenu) !important; + border-radius: 1.27273rem !important; + border-radius: var(--br-contextmenu) !important; + padding: .8rem !important; + padding: var(--p-contextmenu) !important; + box-shadow: var(--box-shadow-contextmenu) !important; + border: none !important; +} + +[role="menu"] [role="menuitem"] { + transition: background-color .3s ease-in-out, color .3s ease-in-out; + background-color: inherit !important; + padding: .9rem 1rem !important; + padding: var(--p-contextmenu-item) !important; + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; +} + +[role="menu"] [role="menuitem"]:hover { + background-color: var(--c-surface-2) !important; +} + +[role="menu"] nav { + padding: 0 !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-31-2t-32-39-2l-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-34-33-30-2x-2r-2x-2t-37-y-2l-15-w-2p-1m-2u-2x-36-37-38-19-2r-2w-2x-30-2s-w-37-34-2p-32]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + font-weight: bold; + color: var(--c-accent) !important; +} + +[role="menu"]:has(a[href="https://openai.com/policies"]) a:first-child span { + font-weight: bold; + color: var(--c-accent) !important; +} + +[data-radix-popper-content-wrapper] .absolute.right-11 { + --svg-w: 24px; + --gap-from-svg: 20px; + right: calc(.8rem + 44px) !important; + right: calc(var(--p-contextmenu) + var(--svg-w) + var(--gap-from-svg)) !important; +} + +div[data-radix-popper-content-wrapper] .bg-white { + background-color: var(--c-bg-contextmenu) !important; + padding: .8rem !important; + padding: var(--p-contextmenu) !important; + border-radius: 1.27273rem !important; + border-radius: var(--br-contextmenu) !important; + box-shadow: var(--box-shadow-contextmenu) !important; + overflow: visible !important; +} + +div[data-radix-popper-content-wrapper] [data-radix-collection-item] { + border-radius: .909091rem; + border-radius: var(--br-btn); + margin-bottom: 4px; + padding: .9rem 1rem !important; + padding: var(--p-contextmenu-item) !important; + outline: none !important; + height: auto !important; + overflow: visible !important; +} + +div[data-radix-popper-content-wrapper] [data-radix-collection-item][data-state="unchecked"]:hover { + background-color: var(--c-surface-2) !important; + outline: none !important; +} + +div[data-radix-popper-content-wrapper] [data-state="checked"] { + background-color: var(--c-bg-btn) !important; + color: var(--c-on-accent) !important; +} + +.js-has-pseudo [csstools-has-1a-2q-2v-19-2q-30-2p-2r-2z-1m-2w-2p-37-14-32-2p-3a-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-1p-y-1v-2w-2p-38-w-2w-2x-37-38-33-36-3d-y-2l-15]:not(.does-not-exist):not(does-not-exist) { + --surface-primary: var(--c-surface-2) !important; + color: var(--c-txt) !important; + background-color: var(--c-bg-sidebar) !important; +} + +.bg-black:has(nav[aria-label="Chat history"]) { + --surface-primary: var(--c-surface-2) !important; + color: var(--c-txt) !important; + background-color: var(--c-bg-sidebar) !important; +} + +.js-has-pseudo [csstools-has-1a-2q-2v-19-2q-30-2p-2r-2z-1m-2w-2p-37-14-32-2p-3a-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-1p-y-1v-2w-2p-38-w-2w-2x-37-38-33-36-3d-y-2l-15-w-1a-37-38-2x-2r-2z-3d]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-bg-sidebar) !important; + -webkit-backdrop-filter: blur() !important; + backdrop-filter: blur() !important; +} + +.bg-black:has(nav[aria-label="Chat history"]) .sticky { + background-color: var(--c-bg-sidebar) !important; + -webkit-backdrop-filter: blur() !important; + backdrop-filter: blur() !important; +} + +.js-has-pseudo [csstools-has-1a-2q-2v-19-2q-30-2p-2r-2z-1m-2w-2p-37-14-32-2p-3a-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-1p-y-1v-2w-2p-38-w-2w-2x-37-38-33-36-3d-y-2l-15-w-32-2p-3a-w-2p-w-1q-w-16]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-txt) !important; +} + +.bg-black:has(nav[aria-label="Chat history"]) nav a > * { + color: var(--c-txt) !important; +} + +.js-has-pseudo [csstools-has-1a-2q-2v-19-2q-30-2p-2r-2z-1m-2w-2p-37-14-32-2p-3a-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-1p-y-1v-2w-2p-38-w-2w-2x-37-38-33-36-3d-y-2l-15-w-1a-2p-2q-37-33-30-39-38-2t-1a-30-2t-2u-38-19-1c-1a-38-33-34-19-1c-1a-33-3a-2t-36-2u-30-33-3b-19-2w-2x-2s-2s-2t-32]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + overflow-y: scroll; + background-color: var(--c-bg-sidebar) !important; + min-height: 50vh !important; +} + +.bg-black:has(nav[aria-label="Chat history"]) .absolute.left-0.top-0.overflow-hidden { + overflow-y: scroll; + background-color: var(--c-bg-sidebar) !important; + min-height: 50vh !important; +} + +.js-has-pseudo [csstools-has-1a-2q-2v-19-2q-30-2p-2r-2z-1m-2w-2p-37-14-32-2p-3a-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-1p-y-1v-2w-2p-38-w-2w-2x-37-38-33-36-3d-y-2l-15-w-1a-2p-2q-37-33-30-39-38-2t-1a-30-2t-2u-38-19-1c-1a-38-33-34-19-1c-1a-33-3a-2t-36-2u-30-33-3b-19-2w-2x-2s-2s-2t-32-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-38]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + opacity: 0; +} + +.bg-black:has(nav[aria-label="Chat history"]) .absolute.left-0.top-0.overflow-hidden .bg-gradient-to-t { + opacity: 0; +} + +nav[aria-label="Chat history"] { + padding: .5rem !important; + padding: var(--p-sidebar-nav) !important; +} + +.js-has-pseudo [csstools-has-32-2p-3a-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-1p-y-1v-2w-2p-38-w-2w-2x-37-38-33-36-3d-y-2l-w-1a-37-38-2x-2r-2z-3d-1a-2q-2v-19-2q-30-2p-2r-2z-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-1b-y-2l-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-bg-sidebar); + padding-bottom: 1rem !important; +} + +nav[aria-label="Chat history"] .sticky.bg-black:has(a[href="/"]) { + background-color: var(--c-bg-sidebar); + padding-bottom: 1rem !important; +} + +nav[aria-label="Chat history"] .overflow-y-auto { + padding-left: .3rem !important; +} + +@-moz-document url-prefix() { + nav[aria-label="Chat history"] .overflow-y-auto { + padding-right: .8rem !important; + } +} + +.js-has-pseudo [csstools-has-32-2p-3a-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-1p-y-1v-2w-2p-38-w-2w-2x-37-38-33-36-3d-y-2l-w-2s-2x-3a-1m-2w-2p-37-14-1q-w-2w-1f-2j-2r-30-2p-37-37-16-1p-y-1m-2q-2v-19-2q-30-2p-2r-2z-y-2l-15]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + margin-bottom: .3rem; +} + +nav[aria-label="Chat history"] div:has( > h3[class*=":bg-black"]) { + margin-bottom: .3rem; +} + +nav[aria-label="Chat history"] h3[class*=":bg-black"] { + text-transform: uppercase; + border-radius: 100vw; + font-weight: bold; + color: var(--c-accent) !important; + background-color: hsl(var(--accent-hsl) / .2) !important; + height: auto !important; + padding: .5rem 1rem !important; + line-height: 1 !important; + display: inline-block !important; +} + +nav[aria-label="Chat history"] a { + transition: background-color .3s ease-in-out; + color: var(--c-txt) !important; + padding: .6rem !important; + padding: var(--p-sidebar-nav-a) !important; + font-family: Inter, sans-serif, Söhne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important; + font-family: var(--f-fm) !important; + border-radius: .909091rem !important; + border-radius: var(--br-nav-a) !important; +} + +nav[aria-label="Chat history"] a[href="/"] { + border: 2px solid var(--c-surface-2); + text-transform: uppercase; + padding: 2rem !important; + padding: var(--p-sidebar-nav-a-new-chat) !important; +} + +nav[aria-label="Chat history"] a span.bg-black { + background-color: var(--c-accent) !important; + border-color: #0000 !important; +} + +nav[aria-label="Chat history"] a span.bg-black > svg { + color: var(--c-on-accent) !important; +} + +nav[aria-label="Chat history"] li { + margin-bottom: .2rem !important; + margin-bottom: var(--mb-sidebar-nav-li) !important; +} + +nav[aria-label="Chat history"] li .group { + --duration-trans: .3s; + --duration-anim: .2s; + overflow: hidden; +} + +nav[aria-label="Chat history"] li .group button { + color: var(--c-txt) !important; +} + +nav[aria-label="Chat history"] li .group span button { + color: var(--c-subtext-1) !important; +} + +nav[aria-label="Chat history"] li .group a[href^="/c/"] .bg-gradient-to-l { + display: none !important; +} + +nav[aria-label="Chat history"] li .group .bg-token-surface-tertiary { + padding: .6rem !important; + padding: var(--p-sidebar-nav-a) !important; + color: var(--c-txt) !important; + background-color: var(--c-surface-3) !important; + border: 1px solid var(--c-border) !important; + border-radius: .909091rem !important; + border-radius: var(--br-nav-a) !important; + left: 0 !important; + right: 0 !important; +} + +nav[aria-label="Chat history"] li .group .bg-token-surface-tertiary input { + caret-color: var(--c-accent); + --tw-ring-color: transparent !important; + box-shadow: none !important; + border: none !important; + outline: none !important; +} + +nav[aria-label="Chat history"] .group[data-headlessui-state] button[aria-haspopup="true"] { + border-radius: .909091rem; + border-radius: var(--br-nav-a); + margin-top: 1rem; +} + +nav[aria-label="Chat history"] .group[data-headlessui-state] button[aria-haspopup="true"] .font-semibold { + color: var(--c-txt) !important; +} + +nav[aria-label="Chat history"] .group[data-headlessui-state] [role="menu"] { + transition: opacity .3s ease-in-out, transform .3s ease-in-out; + animation: none !important; +} + +nav[aria-label="Chat history"] .group[data-headlessui-state] [role="menu"] [role="menuitem"]:last-child, nav[aria-label="Chat history"] .group[data-headlessui-state] [role="menu"] [role="menuitem"]:last-child svg { + color: var(--c-danger) !important; +} + +nav[aria-label="Chat history"] .rounded-lg { + border-radius: .909091rem !important; + border-radius: var(--br-nav-a) !important; +} + +.prose { + color: var(--c-txt) !important; + --tw-prose-body: var(--c-txt) !important; + --tw-prose-headings: var(--c-accent) !important; + --tw-prose-links: var(--c-accent) !important; + --tw-prose-bold: currentColor !important; + --tw-prose-counters: var(--c-accent) !important; + --tw-prose-bullets: var(--c-accent) !important; + --tw-prose-hr: var(--c-border) !important; + --tw-prose-quotes: var(--c-subtext-2) !important; + --tw-prose-quote-borders: var(--c-subtext-2) !important; + --tw-prose-code: currentCode !important; + --tw-prose-th-borders: var(--c-border) !important; + --tw-prose-td-borders: var(--c-border) !important; + --tw-prose-invert-body: var(--c-txt) !important; + --tw-prose-invert-headings: var(--c-accent) !important; + --tw-prose-invert-links: var(--c-accent) !important; + --tw-prose-invert-bold: currentColor !important; + --tw-prose-invert-counters: var(--c-accent) !important; + --tw-prose-invert-bullets: var(--c-accent) !important; + --tw-prose-invert-hr: var(--c-border) !important; + --tw-prose-invert-quotes: var(--c-subtext-2) !important; + --tw-prose-invert-quote-borders: var(--c-subtext-2) !important; + --tw-prose-invert-code: currentColor !important; + --tw-prose-invert-th-borders: var(--c-border) !important; + --tw-prose-invert-td-borders: var(--c-border) !important; + font-size: 1rem !important; +} + +.prose input[type="checkbox"] { + border-radius: 4px; + border: 2px solid var(--c-accent) !important; + background-color: #0000 !important; + padding: 7px !important; +} + +.prose input[type="checkbox"]:checked { + accent-color: var(--c-accent) !important; + background-color: var(--c-accent) !important; +} + +.prose table { + overflow: hidden; + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; +} + +.prose table thead { + text-transform: uppercase; + --tw-prose-headings: var(--c-txt) !important; + border-collapse: collapse !important; + border-spacing: 0 !important; + background-color: hsla(var(--txt-hsl) / .15) !important; + font-size: .8rem !important; +} + +.prose table, .prose table th, .prose table td { + border: 1px solid var(--c-border) !important; +} + +.prose table th, .prose table td { + padding: .5rem !important; +} + +.prose table tbody tr:nth-child(2n) { + background-color: hsla(var(--txt-hsl) / .03) !important; +} + +html.dark .prose table thead { + --tw-prose-headings: var(--c-on-accent) !important; + background-color: hsla(var(--accent-hsl) / .7) !important; +} + +pre { + border-radius: 1.5rem !important; + border-radius: var(--br-pre) !important; + margin: 1.5rem auto !important; + margin: var(--my-pre) auto !important; +} + +.js-has-pseudo [csstools-has-34-36-2t-w-2s-2x-3a-1m-2w-2p-37-14-2q-39-38-38-33-32-15-w-37-34-2p-32]:not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-accent-light) !important; +} + +pre div:has(button) span { + color: var(--c-accent-light) !important; +} + +.js-has-pseudo [csstools-has-34-36-2t-w-2q-39-38-38-33-32-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-bg-pre-header-btn); + padding: .77rem; + padding: var(--p-btn); + text-transform: uppercase !important; + color: var(--c-on-accent) !important; + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; +} + +pre button:has(svg) { + background-color: var(--c-bg-pre-header-btn); + padding: .77rem; + padding: var(--p-btn); + text-transform: uppercase !important; + color: var(--c-on-accent) !important; + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; +} + +.js-has-pseudo [csstools-has-34-36-2t-w-2q-39-38-38-33-32-1m-2w-2p-37-14-37-3a-2v-15-w-37-3a-2v]:not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: currentColor !important; +} + +pre button:has(svg) svg { + color: currentColor !important; +} + +.btn, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), button[class*="bg-[#3C46FF] text-[#fff]"], button[role="combobox"], .btn, button[class*="bg-[#3C46FF] text-[#fff]"], button[role="combobox"] { + background-color: var(--c-bg-btn) !important; + color: var(--c-btn) !important; + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; + border: none !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 { + background-color: var(--c-bg-btn) !important; + color: var(--c-btn) !important; + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; + border: none !important; +} + +.btn:not(.btn-small), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-32-33-38-14-1a-2q-38-32-19-37-31-2p-30-30-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), button[class*="bg-[#3C46FF] text-[#fff]"]:not(.btn-small), button[role="combobox"]:not(.btn-small), .btn:not(.btn-small), button[class*="bg-[#3C46FF] text-[#fff]"]:not(.btn-small), button[role="combobox"]:not(.btn-small) { + padding: .77rem !important; + padding: var(--p-btn) !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600:not(.btn-small) { + padding: .77rem !important; + padding: var(--p-btn) !important; +} + +.btn-danger { + background-color: var(--c-danger) !important; + color: var(--c-bg-chats-container) !important; +} + +main [role="presentation"] button.absolute.rounded-full { + box-shadow: var(--box-shadow-contextmenu); + background-color: var(--c-accent) !important; +} + +main [role="presentation"] button.absolute.rounded-full svg { + color: var(--c-on-accent) !important; +} + +.js-has-pseudo [role="dialog"] .btn:not([csstools-has-1a-2q-38-32-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist)):not([csstools-has-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2q-2v-19-2j-z-1f-1v-1g-1i-1y-1y-2l-w-38-2t-3c-38-19-2j-z-2u-2u-2u-2l-y-2l-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist)):not([csstools-has-2q-39-38-38-33-32-2j-36-33-30-2t-1p-2r-33-31-2q-33-2q-33-3c-2l-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist)), .js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-32-33-38-14-1a-2q-38-32-1m-2w-2p-37-14-37-3a-2v-15-15-1m-32-33-38-14-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2q-2v-19-2j-z-1f-1v-1g-1i-1y-1y-2l-w-38-2t-3c-38-19-2j-z-2u-2u-2u-2l-y-2l-1m-2w-2p-37-14-37-3a-2v-15-15-1m-32-33-38-14-2q-39-38-38-33-32-2j-36-33-30-2t-1p-2r-33-31-2q-33-2q-33-3c-2l-1m-2w-2p-37-14-37-3a-2v-15-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-32-33-38-14-1a-2q-38-32-1m-2w-2p-37-14-37-3a-2v-15-15-1m-32-33-38-14-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2q-2v-19-2j-z-1f-1v-1g-1i-1y-1y-2l-w-38-2t-3c-38-19-2j-z-2u-2u-2u-2l-y-2l-1m-2w-2p-37-14-37-3a-2v-15-15-1m-32-33-38-14-2q-39-38-38-33-32-2j-36-33-30-2t-1p-2r-33-31-2q-33-2q-33-3c-2l-1m-2w-2p-37-14-37-3a-2v-15-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [role="dialog"] button[class*="bg-[#3C46FF] text-[#fff]"]:not([csstools-has-1a-2q-38-32-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist)):not([csstools-has-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2q-2v-19-2j-z-1f-1v-1g-1i-1y-1y-2l-w-38-2t-3c-38-19-2j-z-2u-2u-2u-2l-y-2l-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist)):not([csstools-has-2q-39-38-38-33-32-2j-36-33-30-2t-1p-2r-33-31-2q-33-2q-33-3c-2l-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist)), .js-has-pseudo [role="dialog"] button[role="combobox"]:not([csstools-has-1a-2q-38-32-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist)):not([csstools-has-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2q-2v-19-2j-z-1f-1v-1g-1i-1y-1y-2l-w-38-2t-3c-38-19-2j-z-2u-2u-2u-2l-y-2l-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist)):not([csstools-has-2q-39-38-38-33-32-2j-36-33-30-2t-1p-2r-33-31-2q-33-2q-33-3c-2l-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist)) { + min-width: var(--min-w-btn); + min-width: 5.5rem; +} + +[role="dialog"] .btn:not(.btn:has(svg)):not(button[class*="bg-[#3C46FF] text-[#fff]"]:has(svg)):not(button[role="combobox"]:has(svg)) { + min-width: var(--min-w-btn); + min-width: 5.5rem; +} + +[role="dialog"] main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600:not(.btn:has(svg)):not(button[class*="bg-[#3C46FF] text-[#fff]"]:has(svg)):not(button[role="combobox"]:has(svg)) { + min-width: var(--min-w-btn); + min-width: 5.5rem; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) [role="dialog"] .bg-green-600:not(.btn:has(svg)):not(button[class*="bg-[#3C46FF] text-[#fff]"]:has(svg)):not(button[role="combobox"]:has(svg)) { + min-width: var(--min-w-btn); + min-width: 5.5rem; +} + +[role="dialog"] button[class*="bg-[#3C46FF] text-[#fff]"]:not(.btn:has(svg)):not(button[class*="bg-[#3C46FF] text-[#fff]"]:has(svg)):not(button[role="combobox"]:has(svg)) { + min-width: var(--min-w-btn); + min-width: 5.5rem; +} + +[role="dialog"] button[role="combobox"]:not(.btn:has(svg)):not(button[class*="bg-[#3C46FF] text-[#fff]"]:has(svg)):not(button[role="combobox"]:has(svg)) { + min-width: var(--min-w-btn); + min-width: 5.5rem; +} + +[role="dialog"]:not(.PopoverContent) .btn-neutral, [role="dialog"]:not(.PopoverContent) button[role="combobox"] { + background-color: var(--c-surface-3) !important; + color: var(--c-txt) !important; +} + +[role="dialog"].PopoverContent .btn-neutral, [role="dialog"].PopoverContent button[role="combobox"] { + color: var(--c-txt) !important; + background-color: #0000 !important; +} + +[role="tablist"] button { + padding: .77rem !important; + padding: var(--p-btn) !important; +} + +[role="tablist"] button[data-state="active"], [role="tablist"] button:hover { + background-color: var(--c-surface-3) !important; +} + +.js-has-pseudo [csstools-has-2q-39-38-38-33-32-2j-36-33-30-2t-1p-37-3b-2x-38-2r-2w-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-38-2p-38-2t-1p-2r-2w-2t-2r-2z-2t-2s-2l-15]:not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-accent) !important; +} + +button[role="switch"]:has([data-state="checked"]) { + background-color: var(--c-accent) !important; +} + +.js-has-pseudo [csstools-has-2q-39-38-38-33-32-2j-36-33-30-2t-1p-37-3b-2x-38-2r-2w-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-38-2p-38-2t-1p-2r-2w-2t-2r-2z-2t-2s-2l-15-w-37-34-2p-32]:not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-on-accent) !important; +} + +button[role="switch"]:has([data-state="checked"]) span { + background-color: var(--c-on-accent) !important; +} + +.js-has-pseudo [csstools-has-2q-39-38-38-33-32-2j-36-33-30-2t-1p-37-3b-2x-38-2r-2w-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-38-2p-38-2t-1p-39-32-2r-2w-2t-2r-2z-2t-2s-2l-15]:not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-surface-3) !important; +} + +button[role="switch"]:has([data-state="unchecked"]) { + background-color: var(--c-surface-3) !important; +} + +.js-has-pseudo [csstools-has-2q-39-38-38-33-32-2j-36-33-30-2t-1p-37-3b-2x-38-2r-2w-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-37-38-2p-38-2t-1p-39-32-2r-2w-2t-2r-2z-2t-2s-2l-15-w-37-34-2p-32]:not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: hsla(var(--accent-hsl) / .5) !important; +} + +button[role="switch"]:has([data-state="unchecked"]) span { + background-color: hsla(var(--accent-hsl) / .5) !important; +} + +button[role="combobox"] { + min-width: var(--min-w-btn); + line-height: inherit; + min-width: 5.5rem; + height: auto; +} + +button[id*="headlessui-menu-button"][class*="bg-gray-50"] { + color: var(--c-txt) !important; + border: none !important; +} + +.toast-root { + margin-top: -.4rem !important; +} + +.toast-root [role="alert"] { + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; + padding: .77rem !important; + padding: var(--p-btn) !important; + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; + border: none !important; +} + +.js-has-pseudo [csstools-has-2s-2x-3a-2j-2s-2p-38-2p-19-36-2p-2s-2x-3c-19-34-33-34-34-2t-36-19-2r-33-32-38-2t-32-38-19-3b-36-2p-34-34-2t-36-2l-1m-2w-2p-37-14-2j-36-33-30-2t-1p-38-33-33-30-38-2x-34-2l-15-w-1a-2q-2v-19-2q-30-2p-2r-2z]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-bg-tooltip) !important; + padding: .2rem !important; + padding: var(--p-tooltips) !important; + box-shadow: var(--box-shadow-contextmenu) !important; +} + +div[data-radix-popper-content-wrapper]:has([role="tooltip"]) .bg-black { + background-color: var(--c-bg-tooltip) !important; + padding: .2rem !important; + padding: var(--p-tooltips) !important; + box-shadow: var(--box-shadow-contextmenu) !important; +} + +.js-has-pseudo [csstools-has-2w-38-31-30-1a-30-2x-2v-2w-38-w-2s-2x-3a-2j-2s-2p-38-2p-19-36-2p-2s-2x-3c-19-34-33-34-34-2t-36-19-2r-33-32-38-2t-32-38-19-3b-36-2p-34-34-2t-36-2l-1m-2w-2p-37-14-2j-36-33-30-2t-1p-38-33-33-30-38-2x-34-2l-15-w-2j-2r-30-2p-37-37-16-1p-38-2t-3c-38-19-3b-2w-2x-38-2t-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-txt) !important; +} + +html.light div[data-radix-popper-content-wrapper]:has([role="tooltip"]) [class*="text-white"] { + color: var(--c-txt) !important; +} + +.js-has-pseudo [csstools-has-2w-38-31-30-1a-2s-2p-36-2z-w-2s-2x-3a-2j-2s-2p-38-2p-19-36-2p-2s-2x-3c-19-34-33-34-34-2t-36-19-2r-33-32-38-2t-32-38-19-3b-36-2p-34-34-2t-36-2l-1m-2w-2p-37-14-2j-36-33-30-2t-1p-38-33-33-30-38-2x-34-2l-15-w-2j-2r-30-2p-37-37-16-1p-38-2t-3c-38-19-3b-2w-2x-38-2t-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-on-accent) !important; +} + +html.dark div[data-radix-popper-content-wrapper]:has([role="tooltip"]) [class*="text-white"] { + color: var(--c-on-accent) !important; +} + +.js-has-pseudo [csstools-has-1a-2v-2x-3e-31-33-19-37-2w-2p-2s-33-3b-19-37-38-36-33-2z-2t-1a-2w-19-2u-39-30-30-1m-2w-2p-37-14-37-3a-2v-15]:not(.does-not-exist):not(does-not-exist) { + color: var(--c-on-accent) !important; + background-color: var(--c-accent) !important; +} + +.gizmo-shadow-stroke.h-full:has(svg) { + color: var(--c-on-accent) !important; + background-color: var(--c-accent) !important; +} + +.absolute.inset-0 .fixed.inset-0 { + background-color: var(--c-bg-modal) !important; + -webkit-backdrop-filter: blur(var(--blur-modal)) !important; + backdrop-filter: blur(var(--blur-modal)) !important; +} + +[role="dialog"] { + box-shadow: var(--box-shadow); + --anim-duration: .28s; + padding: 2rem !important; + padding: var(--p-dialog) !important; + background-color: var(--c-bg-dialog) !important; + border-radius: 2.5rem !important; + border-radius: var(--br-dialog) !important; +} + +[role="dialog"] .border-token-border-light, [role="dialog"] .border-white, [role="dialog"] .border-black { + border-color: #0000 !important; +} + +[role="dialog"] [id*="-content-"] { + --anim-duration: .18s; +} + +[role="dialog"] [role="tablist"][data-orientation="horizontal"].bg-gray-100 { + background-color: var(--c-surface-3) !important; +} + +[role="dialog"] [role="tablist"][data-orientation="horizontal"].bg-gray-100 button[data-state="active"] { + background-color: var(--c-surface-2) !important; +} + +[role="dialog"] [role="tabpanel"][data-orientation="horizontal"] { + padding: 1rem !important; +} + +[role="dialog"] h2[as="h3"] { + text-transform: uppercase; +} + +[role="dialog"] .text-gizmo-gray-500 { + text-align: center; + margin-top: 1rem; +} + +[role="dialog"] .bg-token-surface-primary { + --surface-primary: transparent !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-2t-32-38-2t-36-34-36-2x-37-2t-y-2l-15]:not(.does-not-exist):not(does-not-exist) { + max-width: max-content; + border: none !important; + padding: 0 !important; +} + +[role="dialog"]:has(a[href="https://openai.com/enterprise"]) { + max-width: max-content; + border: none !important; + padding: 0 !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-2t-32-38-2t-36-34-36-2x-37-2t-y-2l-15-w-1a-2q-2v-19-3b-2w-2x-38-2t]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-2t-32-38-2t-36-34-36-2x-37-2t-y-2l-15-w-1a-2q-2v-19-2v-36-2p-3d-19-1l-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist), :is([role="dialog"]:has(a[href="https://openai.com/enterprise"]) .bg-white, [role="dialog"]:has(a[href="https://openai.com/enterprise"]) .bg-gray-900) { + background-color: var(--c-surface-2) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-2t-32-38-2t-36-34-36-2x-37-2t-y-2l-15-w-1a-36-33-39-32-2s-2t-2s-19-31-2s]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + border-radius: 2.55rem !important; + border-radius: var(--br-chat-bubble) !important; +} + +[role="dialog"]:has(a[href="https://openai.com/enterprise"]) .rounded-md { + border-radius: 2.55rem !important; + border-radius: var(--br-chat-bubble) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-2t-32-38-2t-36-34-36-2x-37-2t-y-2l-15-w-37-3a-2v-2j-37-38-36-33-2z-2t-1p-2r-39-36-36-2t-32-38-1v-33-30-33-36-2l-1m-2w-2p-37-14-34-33-30-3d-30-2x-32-2t-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + stroke: var(--c-accent) !important; +} + +[role="dialog"]:has(a[href="https://openai.com/enterprise"]) svg[stroke="currentColor"]:has(polyline) { + stroke: var(--c-accent) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-2t-32-38-2t-36-34-36-2x-37-2t-y-2l-15-w-2p-2j-2w-36-2t-2u-1p-y-2w-38-38-34-37-1m-1b-1b-33-34-2t-32-2p-2x-1a-2r-33-31-1b-2t-32-38-2t-36-34-36-2x-37-2t-y-2l]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-accent) !important; +} + +[role="dialog"]:has(a[href="https://openai.com/enterprise"]) a[href="https://openai.com/enterprise"] { + color: var(--c-accent) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-15-w-2j-2r-30-2p-37-37-16-1p-y-2s-2p-36-2z-1m-2q-2v-19-2v-36-2p-3d-19-1k-1c-1c-y-2l]:not(.does-not-exist):not(.does-not-exist) { + background-color: var(--c-surface-1) !important; +} + +[role="dialog"]:has([data-testid^="conversation-turn-"]) [class*="dark:bg-gray-800"] { + background-color: var(--c-surface-1) !important; +} + +[role="dialog"] textarea { + opacity: .7; + border-radius: 1.27273rem !important; + border-radius: var(--br-contextmenu) !important; + background-color: var(--c-surface-3) !important; + border-color: #0000 !important; +} + +[role="dialog"] textarea#feedback-other { + padding: 1.5rem; +} + +[role="dialog"] textarea:focus { + opacity: 1; + border-color: var(--c-surface-3) !important; +} + +[role="dialog"] textarea::placeholder { + color: var(--c-subtext-1) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-2j-2r-30-2p-37-37-16-1p-y-2s-2p-36-2z-1m-2q-2v-19-2v-36-2p-3d-19-1j-1c-1c-y-2l-1m-2w-2p-37-14-2x-32-34-39-38-2j-2x-2s-2l-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-surface-3) !important; +} + +[role="dialog"] [class*="dark:bg-gray-700"]:has(input[id]) { + background-color: var(--c-surface-3) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-2j-2r-30-2p-37-37-16-1p-y-2s-2p-36-2z-1m-2q-2v-19-2v-36-2p-3d-19-1j-1c-1c-y-2l-1m-2w-2p-37-14-2x-32-34-39-38-2j-2x-2s-2l-15-w-2x-32-34-39-38]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: inherit !important; +} + +[role="dialog"] [class*="dark:bg-gray-700"]:has(input[id]) input { + background-color: inherit !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-1m-2w-2p-37-14-31-2p-2x-32-w-2s-2x-3a-2j-2s-2p-38-2p-19-36-2p-2s-2x-3c-19-2p-37-34-2t-2r-38-19-36-2p-38-2x-33-19-3b-36-2p-34-34-2t-36-2l-15-w-1a-3b-19-2u-39-30-30-1a-36-33-39-32-2s-2t-2s-19-30-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + border-radius: 2.55rem !important; + border-radius: var(--br-chat-bubble) !important; + background-color: var(--c-bg-chats-container) !important; +} + +[role="dialog"]:has(main div[data-radix-aspect-ratio-wrapper]) .w-full.rounded-lg { + border-radius: 2.55rem !important; + border-radius: var(--br-chat-bubble) !important; + background-color: var(--c-bg-chats-container) !important; +} + +[role="dialog"] table { + padding: .8rem !important; + padding: var(--p-contextmenu) !important; +} + +[role="dialog"] table .bg-white, [role="dialog"] table .bg-gray-900 { + background-color: #0000 !important; +} + +[role="dialog"] table th, [role="dialog"] table td { + padding-top: 1rem !important; + padding-top: var(--py-btn) !important; + padding-bottom: 1rem !important; + padding-bottom: var(--py-btn) !important; +} + +[role="dialog"] table thead th { + text-transform: uppercase !important; + color: var(--c-txt) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-38-2p-2q-30-2t-w-38-2q-33-2s-3d-w-38-2s-1m-2w-2p-37-14-2q-39-38-38-33-32-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-2m-1p-1w-2t-30-2t-38-2t-2l-15-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + place-items: center; + display: flex; +} + +[role="dialog"] table tbody td:has(button[aria-label^="Delete"]) span[data-state] { + place-items: center; + display: flex; +} + +[role="dialog"] table button[aria-label^="Delete"] { + color: var(--c-danger) !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-2s-2x-3a-2j-2r-30-2p-37-37-16-1p-y-2u-33-2r-39-37-19-3b-2x-38-2w-2x-32-1m-36-2x-32-2v-19-1d-y-2l-1m-2w-2p-37-14-2x-32-34-39-38-15]:not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-surface-3); + padding: .8rem !important; +} + +[role="dialog"] div[class*="focus-within:ring-1"]:has(input) { + background-color: var(--c-surface-3); + padding: .8rem !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-2s-2x-3a-2j-2r-30-2p-37-37-16-1p-y-2u-33-2r-39-37-19-3b-2x-38-2w-2x-32-1m-36-2x-32-2v-19-1d-y-2l-1m-2w-2p-37-14-2x-32-34-39-38-15-w-2x-32-34-39-38]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-surface-3); +} + +[role="dialog"] div[class*="focus-within:ring-1"]:has(input) input { + background-color: var(--c-surface-3); +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-2s-2x-3a-2j-2r-30-2p-37-37-16-1p-y-2u-33-2r-39-37-19-3b-2x-38-2w-2x-32-1m-36-2x-32-2v-19-1d-y-2l-1m-2w-2p-37-14-2x-32-34-39-38-15-w-2x-32-34-39-38]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist)::placeholder { + color: var(--c-subtext-1) !important; +} + +[role="dialog"] div[class*="focus-within:ring-1"]:has(input) input::placeholder { + color: var(--c-subtext-1) !important; +} + +main [role="presentation"] { + background-color: var(--c-bg-chats-container) !important; +} + +main [data-message-author-role="user"], main [data-message-author-role="assistant"] { + margin-top: .5rem !important; + margin-top: var(--mt-chat-txt) !important; + margin-bottom: 1rem !important; + margin-bottom: var(--mb-chat-txt) !important; +} + +main [data-testid^="conversation-turn-"] { + margin-bottom: 2rem !important; + margin-bottom: var(--mb-chat-bubble) !important; +} + +main [data-testid^="conversation-turn-"] .group { + letter-spacing: .01875rem; + padding: 2.34rem 1.8rem 1.8rem !important; + padding: calc(var(--p-chat-bubble) * 1.3) var(--p-chat-bubble) var(--p-chat-bubble) var(--p-chat-bubble) !important; + border-radius: 2.55rem !important; + border-radius: var(--br-chat-bubble) !important; + line-height: 1.8 !important; +} + +main [data-testid^="conversation-turn-"] .group .agent-turn { + width: 80% !important; +} + +main [data-testid^="conversation-turn-"] .group div[class*="lg:w-[calc(100%-115px)]"] { + --gap-3: .75rem; + --svg-w: 1.5rem; + margin-right: 2.25rem !important; + margin-right: calc(var(--gap-3) + var(--svg-w)) !important; + flex-grow: 1 !important; +} + +main [data-testid^="conversation-turn-"] .group .bg-gray-100, main [data-testid^="conversation-turn-"] .group [class*=":bg-gray-700"] { + border: 1px solid var(--c-border); + border-radius: 1.27273rem; + border-radius: var(--br-contextmenu); + color: var(--c-subtext-2) !important; + background-color: #0000 !important; +} + +main [data-testid^="conversation-turn-"] .group .bg-gray-100 svg.rounded-full, main [data-testid^="conversation-turn-"] .group [class*=":bg-gray-700"] svg.rounded-full { + border-color: var(--avatar-color); +} + +main [data-testid^="conversation-turn-"] .group .bg-gray-100 button[title], main [data-testid^="conversation-turn-"] .group [class*=":bg-gray-700"] button[title] { + border: 1px solid #0000; + transition: transform .2s cubic-bezier(.445, .05, .55, .95); + border-radius: .909091rem !important; + border-radius: var(--br-btn) !important; +} + +main [data-testid^="conversation-turn-"] .group .bg-gray-100 button[title] span, main [data-testid^="conversation-turn-"] .group [class*=":bg-gray-700"] button[title] span { + transition: color .2s cubic-bezier(.445, .05, .55, .95); + color: var(--c-subtext-2) !important; +} + +main [data-testid^="conversation-turn-"] .group .bg-gray-100 button[title]:hover, main [data-testid^="conversation-turn-"] .group [class*=":bg-gray-700"] button[title]:hover { + transform: translateY(-4%); + border-color: var(--c-border) !important; + background-color: #0000 !important; +} + +main [data-testid^="conversation-turn-"] .group .bg-gray-100 button[title]:hover span, main [data-testid^="conversation-turn-"] .group [class*=":bg-gray-700"] button[title]:hover span { + color: var(--avatar-color) !important; +} + +main [data-testid^="conversation-turn-"] .font-semibold.select-none { + text-transform: uppercase; +} + +main [data-testid^="conversation-turn-"] .gizmo-shadow-stroke div { + color: var(--c-on-accent) !important; +} + +.js-has-pseudo main [data-testid^="conversation-turn-"]:not([csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-2p-37-37-2x-37-38-2p-32-38-2l-15]:not(.does-not-exist):not(does-not-exist)) .group, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-39-37-2t-36-2l-15-w-1a-2v-36-33-39-34]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-bg-msg-user); + outline: 2px solid #0000; +} + +main [data-testid^="conversation-turn-"]:not(main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"])) .group { + background-color: var(--c-bg-msg-user); + outline: 2px solid #0000; +} + +main [data-testid^="conversation-turn-"]:has([data-message-author-role="user"]) .group { + background-color: var(--c-bg-msg-user); + outline: 2px solid #0000; +} + +.js-has-pseudo main [data-testid^="conversation-turn-"]:not([csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-2p-37-37-2x-37-38-2p-32-38-2l-15]:not(.does-not-exist):not(does-not-exist)) .group .font-semibold.select-none, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-39-37-2t-36-2l-15-w-1a-2v-36-33-39-34-w-1a-2u-33-32-38-19-37-2t-31-2x-2q-33-30-2s-1a-37-2t-30-2t-2r-38-19-32-33-32-2t]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + color: var(--c-msg-name-user); +} + +main [data-testid^="conversation-turn-"]:not(main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"])) .group .font-semibold.select-none { + color: var(--c-msg-name-user); +} + +main [data-testid^="conversation-turn-"]:has([data-message-author-role="user"]) .group .font-semibold.select-none { + color: var(--c-msg-name-user); +} + +.js-has-pseudo main [data-testid^="conversation-turn-"]:not([csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-2p-37-37-2x-37-38-2p-32-38-2l-15]:not(.does-not-exist):not(does-not-exist)) button svg, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-39-37-2t-36-2l-15-w-2q-39-38-38-33-32-w-37-3a-2v]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-msg-name-user); +} + +main [data-testid^="conversation-turn-"]:not(main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"])) button svg { + color: var(--c-msg-name-user); +} + +main [data-testid^="conversation-turn-"]:has([data-message-author-role="user"]) button svg { + color: var(--c-msg-name-user); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-32-33-38-14-2j-2r-37-37-38-33-33-30-37-19-2w-2p-37-19-1f-1d-19-1e-34-19-1e-3c-19-1f-1e-19-3b-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1k-19-1e-38-19-1f-1j-19-1f-1k-19-1e-3c-19-1e-37-19-1e-31-19-1d-34-19-1e-36-19-1f-1f-19-1f-1e-19-1f-2p-19-1e-38-19-1f-1i-19-1f-1j-19-1e-34-19-1f-1k-19-1e-3c-19-1f-1f-19-1f-1e-19-1d-1l-19-1f-1k-19-1f-1l-19-1f-1i-19-1f-1e-19-1d-1l-19-1e-30-19-1d-31-19-1e-3b-19-1e-34-19-1f-1j-19-1d-1g-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1d-19-1e-38-19-1f-1j-19-1f-1j-19-1e-34-19-1e-3a-19-1e-38-19-1d-1l-19-1e-34-19-1f-1l-19-1f-1k-19-1e-3b-19-1f-1f-19-1f-1i-19-1d-1l-19-1f-1i-19-1f-1f-19-1f-1c-19-1e-38-19-1d-34-19-1e-34-19-1f-1j-19-1f-1j-19-1e-3c-19-1f-1j-19-1f-1k-19-1e-34-19-1f-1e-19-1f-1k-19-1e-30-19-1d-1h-2l-1m-32-33-38-14-1a-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-1m-32-33-38-14-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-15-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1a-2v-36-33-39-34]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + outline-color: var(--c-surface-2) !important; + background-color: #0000 !important; +} + +main [data-testid^="conversation-turn-"]:not(main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"])):has(textarea) .group { + outline-color: var(--c-surface-2) !important; + background-color: #0000 !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-32-33-38-14-2j-2r-37-37-38-33-33-30-37-19-2w-2p-37-19-1f-1d-19-1e-34-19-1e-3c-19-1f-1e-19-3b-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1k-19-1e-38-19-1f-1j-19-1f-1k-19-1e-3c-19-1e-37-19-1e-31-19-1d-34-19-1e-36-19-1f-1f-19-1f-1e-19-1f-2p-19-1e-38-19-1f-1i-19-1f-1j-19-1e-34-19-1f-1k-19-1e-3c-19-1f-1f-19-1f-1e-19-1d-1l-19-1f-1k-19-1f-1l-19-1f-1i-19-1f-1e-19-1d-1l-19-1e-30-19-1d-31-19-1e-3b-19-1e-34-19-1f-1j-19-1d-1g-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1d-19-1e-38-19-1f-1j-19-1f-1j-19-1e-34-19-1e-3a-19-1e-38-19-1d-1l-19-1e-34-19-1f-1l-19-1f-1k-19-1e-3b-19-1f-1f-19-1f-1i-19-1d-1l-19-1f-1i-19-1f-1f-19-1f-1c-19-1e-38-19-1d-34-19-1e-34-19-1f-1j-19-1f-1j-19-1e-3c-19-1f-1j-19-1f-1k-19-1e-34-19-1f-1e-19-1f-1k-19-1e-30-19-1d-1h-2l-1m-32-33-38-14-1a-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-1m-32-33-38-14-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-15-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1a-2v-36-33-39-34-w-38-2t-3c-38-2p-36-2t-2p]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-subtext-2) !important; +} + +main [data-testid^="conversation-turn-"]:not(main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"])):has(textarea) .group textarea { + color: var(--c-subtext-2) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-32-33-38-14-2j-2r-37-37-38-33-33-30-37-19-2w-2p-37-19-1f-1d-19-1e-34-19-1e-3c-19-1f-1e-19-3b-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1k-19-1e-38-19-1f-1j-19-1f-1k-19-1e-3c-19-1e-37-19-1e-31-19-1d-34-19-1e-36-19-1f-1f-19-1f-1e-19-1f-2p-19-1e-38-19-1f-1i-19-1f-1j-19-1e-34-19-1f-1k-19-1e-3c-19-1f-1f-19-1f-1e-19-1d-1l-19-1f-1k-19-1f-1l-19-1f-1i-19-1f-1e-19-1d-1l-19-1e-30-19-1d-31-19-1e-3b-19-1e-34-19-1f-1j-19-1d-1g-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1d-19-1e-38-19-1f-1j-19-1f-1j-19-1e-34-19-1e-3a-19-1e-38-19-1d-1l-19-1e-34-19-1f-1l-19-1f-1k-19-1e-3b-19-1f-1f-19-1f-1i-19-1d-1l-19-1f-1i-19-1f-1f-19-1f-1c-19-1e-38-19-1d-34-19-1e-34-19-1f-1j-19-1f-1j-19-1e-3c-19-1f-1j-19-1f-1k-19-1e-34-19-1f-1e-19-1f-1k-19-1e-30-19-1d-1h-2l-1m-32-33-38-14-1a-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-1m-32-33-38-14-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-15-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1a-2v-36-33-39-34-w-1a-2q-38-32-19-32-2t-39-38-36-2p-30]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-32-33-38-14-2j-2r-37-37-38-33-33-30-37-19-2w-2p-37-19-1f-1d-19-1e-34-19-1e-3c-19-1f-1e-19-3b-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1k-19-1e-38-19-1f-1j-19-1f-1k-19-1e-3c-19-1e-37-19-1e-31-19-1d-34-19-1e-36-19-1f-1f-19-1f-1e-19-1f-2p-19-1e-38-19-1f-1i-19-1f-1j-19-1e-34-19-1f-1k-19-1e-3c-19-1f-1f-19-1f-1e-19-1d-1l-19-1f-1k-19-1f-1l-19-1f-1i-19-1f-1e-19-1d-1l-19-1e-30-19-1d-31-19-1e-3b-19-1e-34-19-1f-1j-19-1d-1g-19-1e-2y-19-1e-37-19-1e-34-19-1f-1k-19-1e-34-19-1d-1l-19-1f-1d-19-1e-38-19-1f-1j-19-1f-1j-19-1e-34-19-1e-3a-19-1e-38-19-1d-1l-19-1e-34-19-1f-1l-19-1f-1k-19-1e-3b-19-1f-1f-19-1f-1i-19-1d-1l-19-1f-1i-19-1f-1f-19-1f-1c-19-1e-38-19-1d-34-19-1e-34-19-1f-1j-19-1f-1j-19-1e-3c-19-1f-1j-19-1f-1k-19-1e-34-19-1f-1e-19-1f-1k-19-1e-30-19-1d-1h-2l-1m-32-33-38-14-1a-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-1m-32-33-38-14-2s-33-2t-37-19-32-33-38-19-2t-3c-2x-37-38-15-15-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-15-w-1a-2v-36-33-39-34-w-2q-39-38-38-33-32-2j-36-33-30-2t-1p-2r-33-31-2q-33-2q-33-3c-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-surface-3) !important; + color: var(--c-txt) !important; +} + +main [data-testid^="conversation-turn-"]:not(main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"])):has(textarea) .group .btn-neutral { + background-color: var(--c-surface-3) !important; + color: var(--c-txt) !important; +} + +main [data-testid^="conversation-turn-"]:not(main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"])):has(textarea) .group button[role="combobox"] { + background-color: var(--c-surface-3) !important; + color: var(--c-txt) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-2p-37-37-2x-37-38-2p-32-38-2l-15-w-1a-2v-36-33-39-34]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-bg-msg-gpt); +} + +main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"]) .group { + background-color: var(--c-bg-msg-gpt); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-2p-37-37-2x-37-38-2p-32-38-2l-15-w-1a-2v-36-33-39-34-w-37-3a-2v-2j-36-33-30-2t-1p-2x-31-2v-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-surface-1) !important; +} + +main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"]) .group svg[role="img"] { + color: var(--c-surface-1) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-2p-37-37-2x-37-38-2p-32-38-2l-15-w-1a-2v-36-33-39-34-w-1a-2u-33-32-38-19-37-2t-31-2x-2q-33-30-2s-1a-37-2t-30-2t-2r-38-19-32-33-32-2t]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + color: var(--avatar-color); +} + +main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"]) .group .font-semibold.select-none { + color: var(--avatar-color); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-1m-2w-2p-37-14-2j-2s-2p-38-2p-19-31-2t-37-37-2p-2v-2t-19-2p-39-38-2w-33-36-19-36-33-30-2t-1p-2p-37-37-2x-37-38-2p-32-38-2l-15-w-2q-39-38-38-33-32-w-37-3a-2v]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--avatar-color); +} + +main [data-testid^="conversation-turn-"]:has([data-message-author-role="assistant"]) button svg { + color: var(--avatar-color); +} + +main form .grow .gap-2 { + gap: .8rem !important; +} + +main form .grow .btn, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow button[role="combobox"], main form .grow button[class*="bg-[#3C46FF] text-[#fff]"], main form .grow .btn, main form .grow button[role="combobox"], main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] { + overflow: hidden; + background-color: var(--c-surface-2) !important; + color: var(--c-txt) !important; + border-radius: 1.2rem !important; + border-radius: var(--br-btn-big) !important; + padding: 1.5rem !important; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 { + overflow: hidden; + background-color: var(--c-surface-2) !important; + color: var(--c-txt) !important; + border-radius: 1.2rem !important; + border-radius: var(--br-btn-big) !important; + padding: 1.5rem !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600 { + overflow: hidden; + background-color: var(--c-surface-2) !important; + color: var(--c-txt) !important; + border-radius: 1.2rem !important; + border-radius: var(--br-btn-big) !important; + padding: 1.5rem !important; +} + +main form .grow .btn .bg-gradient-to-l, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow button[role="combobox"] .bg-gradient-to-l, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l, main form .grow .btn .bg-gradient-to-l, main form .grow button[role="combobox"] .bg-gradient-to-l, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l { + --gradient-color-from: var(--c-surface-3) !important; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 .bg-gradient-to-l { + --gradient-color-from: var(--c-surface-3) !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600 .bg-gradient-to-l { + --gradient-color-from: var(--c-surface-3) !important; +} + +main form .grow .btn .bg-gradient-to-l .bg-token-surface-primary, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow button[role="combobox"] .bg-gradient-to-l .bg-token-surface-primary, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l .bg-token-surface-primary, main form .grow .btn .bg-gradient-to-l .bg-token-surface-primary, main form .grow button[role="combobox"] .bg-gradient-to-l .bg-token-surface-primary, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l .bg-token-surface-primary { + --surface-secondary: var(--c-surface-2) !important; + background-color: var(--c-accent) !important; + border-radius: 100vw !important; + padding: .5rem !important; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 .bg-gradient-to-l .bg-token-surface-primary { + --surface-secondary: var(--c-surface-2) !important; + background-color: var(--c-accent) !important; + border-radius: 100vw !important; + padding: .5rem !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600 .bg-gradient-to-l .bg-token-surface-primary { + --surface-secondary: var(--c-surface-2) !important; + background-color: var(--c-accent) !important; + border-radius: 100vw !important; + padding: .5rem !important; +} + +main form .grow .btn .bg-gradient-to-l .bg-token-surface-primary svg, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d-w-37-3a-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d-w-37-3a-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow button[role="combobox"] .bg-gradient-to-l .bg-token-surface-primary svg, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l .bg-token-surface-primary svg, main form .grow .btn .bg-gradient-to-l .bg-token-surface-primary svg, main form .grow button[role="combobox"] .bg-gradient-to-l .bg-token-surface-primary svg, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l .bg-token-surface-primary svg { + color: var(--c-on-accent) !important; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 .bg-gradient-to-l .bg-token-surface-primary svg { + color: var(--c-on-accent) !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600 .bg-gradient-to-l .bg-token-surface-primary svg { + color: var(--c-on-accent) !important; +} + +main .sticky { + -webkit-backdrop-filter: blur(var(--blur-sticky)); + backdrop-filter: blur(var(--blur-sticky)); + background-color: var(--c-bg-chats-sticky) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-1a-37-38-2x-2r-2z-3d-1m-2w-2p-37-14-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15]:not(.does-not-exist):not(does-not-exist), main .sticky.top-14, main .sticky.top-14 { + --c-bg-chats-sticky: var(--c-bg-chats-container) !important; + --blur-sticky: 0 !important; +} + +main .sticky:has([href="/gpts/editor"]) { + --c-bg-chats-sticky: var(--c-bg-chats-container) !important; + --blur-sticky: 0 !important; +} + +main .sticky.top-14 { + padding-bottom: .6rem !important; +} + +main .sticky [aria-haspopup="menu"]:hover, main .sticky [aria-haspopup="menu"][data-state="open"] { + background-color: var(--c-surface-1) !important; +} + +main .sticky .btn, .js-has-pseudo [csstools-has-31-2p-2x-32-w-1a-37-38-2x-2r-2z-3d-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), main .sticky button[role="combobox"], main .sticky button[class*="bg-[#3C46FF] text-[#fff]"], main .sticky .btn, main .sticky button[role="combobox"], main .sticky button[class*="bg-[#3C46FF] text-[#fff]"] { + border-radius: 50vw !important; +} + +main .sticky [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 { + border-radius: 50vw !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .sticky .bg-green-600 { + border-radius: 50vw !important; +} + +main .sticky .btn svg, .js-has-pseudo [csstools-has-31-2p-2x-32-w-1a-37-38-2x-2r-2z-3d-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-37-3a-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-37-3a-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main .sticky button[role="combobox"] svg, main .sticky button[class*="bg-[#3C46FF] text-[#fff]"] svg, main .sticky .btn svg, main .sticky button[role="combobox"] svg, main .sticky button[class*="bg-[#3C46FF] text-[#fff]"] svg { + color: var(--c-on-accent) !important; +} + +main .sticky [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 svg { + color: var(--c-on-accent) !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .sticky .bg-green-600 svg { + color: var(--c-on-accent) !important; +} + +.sticky.border-token-border-medium { + border: none !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-2j-2r-30-2p-37-37-16-1p-y-2j-12-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-2u-33-2r-39-37-15-2l-y-2l-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-z-34-36-33-31-34-38-19-38-2t-3c-38-2p-36-2t-2p-15]:not(#does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + border: 3px solid var(--c-border-textarea); + transition: background-color .3s ease-in-out; + padding: .7rem !important; + padding: var(--p-prompt-textarea) !important; + border-radius: 2.25rem !important; + border-radius: var(--br-prompt-textarea) !important; + background-color: #0000 !important; +} + +main form [class*="[&:has(textarea:focus)]"]:has(textarea#prompt-textarea) { + border: 3px solid var(--c-border-textarea); + transition: background-color .3s ease-in-out; + padding: .7rem !important; + padding: var(--p-prompt-textarea) !important; + border-radius: 2.25rem !important; + border-radius: var(--br-prompt-textarea) !important; + background-color: #0000 !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-2j-2r-30-2p-37-37-16-1p-y-2j-12-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-2u-33-2r-39-37-15-2l-y-2l-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-z-34-36-33-31-34-38-19-38-2t-3c-38-2p-36-2t-2p-15-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-2u-33-2r-39-37-15]:not(#does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-bg-textarea) !important; +} + +main form [class*="[&:has(textarea:focus)]"]:has(textarea#prompt-textarea):has(textarea:focus) { + background-color: var(--c-bg-textarea) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-2j-2r-30-2p-37-37-16-1p-y-2j-12-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-2u-33-2r-39-37-15-2l-y-2l-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-z-34-36-33-31-34-38-19-38-2t-3c-38-2p-36-2t-2p-15-w-38-2t-3c-38-2p-36-2t-2p]:not(#does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist)::placeholder { + color: var(--c-placeholder-textarea) !important; +} + +main form [class*="[&:has(textarea:focus)]"]:has(textarea#prompt-textarea) textarea::placeholder { + color: var(--c-placeholder-textarea) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-2j-2r-30-2p-37-37-16-1p-y-2j-12-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-2u-33-2r-39-37-15-2l-y-2l-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-z-34-36-33-31-34-38-19-38-2t-3c-38-2p-36-2t-2p-15-w-2q-39-38-38-33-32-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-1p-37-2t-32-2s-19-2q-39-38-38-33-32-2l]:not(#does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + padding: 2px; + background-color: var(--c-accent) !important; + color: var(--c-txt) !important; + border-color: var(--c-accent) !important; + border-radius: 100vw !important; + bottom: 1.2rem !important; + right: 1.3rem !important; +} + +main form [class*="[&:has(textarea:focus)]"]:has(textarea#prompt-textarea) button[data-testid="send-button"] { + padding: 2px; + background-color: var(--c-accent) !important; + color: var(--c-txt) !important; + border-color: var(--c-accent) !important; + border-radius: 100vw !important; + bottom: 1.2rem !important; + right: 1.3rem !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-2j-2r-30-2p-37-37-16-1p-y-2j-12-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-2u-33-2r-39-37-15-2l-y-2l-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-z-34-36-33-31-34-38-19-38-2t-3c-38-2p-36-2t-2p-15-w-2q-39-38-38-33-32-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-1p-37-2t-32-2s-19-2q-39-38-38-33-32-2l-2j-2s-2x-37-2p-2q-30-2t-2s-2l]:not(#does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + opacity: .5 !important; +} + +main form [class*="[&:has(textarea:focus)]"]:has(textarea#prompt-textarea) button[data-testid="send-button"][disabled] { + opacity: .5 !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-2j-2r-30-2p-37-37-16-1p-y-2j-12-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-1m-2u-33-2r-39-37-15-2l-y-2l-1m-2w-2p-37-14-38-2t-3c-38-2p-36-2t-2p-z-34-36-33-31-34-38-19-38-2t-3c-38-2p-36-2t-2p-15-w-2q-39-38-38-33-32-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-1p-37-2t-32-2s-19-2q-39-38-38-33-32-2l-w-37-3a-2v]:not(#does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-on-accent) !important; +} + +main form [class*="[&:has(textarea:focus)]"]:has(textarea#prompt-textarea) button[data-testid="send-button"] svg { + color: var(--c-on-accent) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2s-2x-3a-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2s-2x-3a-1a-3b-19-2u-39-30-30-1m-2w-2p-37-14-2u-33-36-31-15]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + margin-top: .5rem !important; +} + +main div[role="presentation"] div.w-full:has(form) { + margin-top: .5rem !important; +} + +main div.flex.w-full.items-center > div { + box-shadow: none; + border: none; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + padding: 1.5rem; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) { + padding: 1.5rem; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-32-33-32-2t-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-30-2v-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), :is(main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-none"], main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-lg"]) { + border-radius: 100vw !important; + padding-inline: 1rem !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-32-33-32-2t-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; + border: none !important; +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-none"] { + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; + border: none !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-32-33-32-2t-y-2l-2j-2r-30-2p-37-37-16-1p-2q-2v-19-2q-30-2p-2r-2z-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: var(--c-accent) !important; +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-none"][class*="bg-black"] { + background-color: var(--c-accent) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-30-2v-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + background-color: hsla(var(--accent-hsl) / .2) !important; + color: var(--c-accent) !important; +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-lg"] { + background-color: hsla(var(--accent-hsl) / .2) !important; + color: var(--c-accent) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-2l-w-2q-39-38-38-33-32]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="bg-gradient-to-"] button { + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-2x-32-34-39-38-2j-34-30-2p-2r-2t-2w-33-30-2s-2t-36-1p-y-2b-2t-2p-36-2r-2w-w-34-39-2q-30-2x-2r-w-1z-28-2c-37-y-2l]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + outline: none; + background-color: var(--c-surface-2) !important; +} + +main:has(.sticky [href="/gpts/editor"]) input[placeholder="Search public GPTs"] { + outline: none; + background-color: var(--c-surface-2) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-2x-32-34-39-38-2j-34-30-2p-2r-2t-2w-33-30-2s-2t-36-1p-y-2b-2t-2p-36-2r-2w-w-34-39-2q-30-2x-2r-w-1z-28-2c-37-y-2l]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist)::placeholder { + color: var(--c-subtext-1) !important; +} + +main:has(.sticky [href="/gpts/editor"]) input[placeholder="Search public GPTs"]::placeholder { + color: var(--c-subtext-1) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-2j-2x-2s-16-1p-2w-2t-2p-2s-30-2t-37-37-39-2x-19-34-33-34-33-3a-2t-36-19-34-2p-32-2t-30-19-2l]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + transform: translateY(-5px); + --br-search-query-section: calc(var(--br-btn) * 1.2) !important; + border-radius: 0 0 1.09091rem 1.09091rem !important; + border-radius: 0 0 var(--br-search-query-section) var(--br-search-query-section) !important; +} + +main:has(.sticky [href="/gpts/editor"]) [id*="headlessui-popover-panel-"] { + transform: translateY(-5px); + --br-search-query-section: calc(var(--br-btn) * 1.2) !important; + border-radius: 0 0 1.09091rem 1.09091rem !important; + border-radius: 0 0 var(--br-search-query-section) var(--br-search-query-section) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-2w-19-2u-2x-38-w-1a-2q-38-32-1a-3b-19-2u-39-30-30]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-2w-19-2u-2x-38-w-2q-39-38-38-33-32-1a-3b-19-2u-39-30-30-2j-36-33-30-2t-1p-2r-33-31-2q-33-2q-33-3c-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-2w-19-2u-2x-38-w-2q-39-38-38-33-32-1a-3b-19-2u-39-30-30-2j-2r-30-2p-37-37-16-1p-y-2q-2v-19-2j-z-1f-1v-1g-1i-1y-1y-2l-w-38-2t-3c-38-19-2j-z-2u-2u-2u-2l-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-2w-19-2u-2x-38-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-3b-19-2u-39-30-30-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2w-19-2u-2x-38-w-1a-3b-19-2u-39-30-30-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + border-radius: 1.09091rem !important; + border-radius: calc(var(--br-btn) * 1.2) !important; + padding: 1.8rem !important; +} + +main:has(.sticky [href="/gpts/editor"]) .h-fit .btn.w-full { + border-radius: 1.09091rem !important; + border-radius: calc(var(--br-btn) * 1.2) !important; + padding: 1.8rem !important; +} + +main:has(.sticky [href="/gpts/editor"]) .h-fit button.w-full[role="combobox"] { + border-radius: 1.09091rem !important; + border-radius: calc(var(--br-btn) * 1.2) !important; + padding: 1.8rem !important; +} + +main:has(.sticky [href="/gpts/editor"]) .h-fit button.w-full[class*="bg-[#3C46FF] text-[#fff]"] { + border-radius: 1.09091rem !important; + border-radius: calc(var(--br-btn) * 1.2) !important; + padding: 1.8rem !important; +} + +main:has(.sticky [href="/gpts/editor"]) .h-fit [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .w-full.bg-green-600 { + border-radius: 1.09091rem !important; + border-radius: calc(var(--br-btn) * 1.2) !important; + padding: 1.8rem !important; +} + +main:has(.sticky [href="/gpts/editor"]) [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .h-fit .w-full.bg-green-600 { + border-radius: 1.09091rem !important; + border-radius: calc(var(--br-btn) * 1.2) !important; + padding: 1.8rem !important; +} + +button, li, a, svg, [class*=":hover"], [role="switch"] span[data-state] { + transition: all .3s ease-in-out; +} + +button:not(.btn):not(button[role="combobox"]):not(button[class*="bg-[#3C46FF] text-[#fff]"]):not([role="tab"]):not([role="combobox"]):not([data-testid="send-button"]):not([class*="[.final-completion]"]):not([aria-label^="Delete"]):not([aria-label="Unarchive conversation"]) svg { + transform-origin: center; +} + +button:not(.btn):not(button[role="combobox"]):not(button[class*="bg-[#3C46FF] text-[#fff]"]):not([role="tab"]):not([role="combobox"]):not([data-testid="send-button"]):not([class*="[.final-completion]"]):not([aria-label^="Delete"]):not([aria-label="Unarchive conversation"]) svg:hover { + transform: scale(1.12); +} + +.btn, button[role="combobox"], button[class*="bg-[#3C46FF] text-[#fff]"], .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .btn, button[role="combobox"], button[class*="bg-[#3C46FF] text-[#fff]"] { + will-change: transform, opacity; + transition: transform .2s cubic-bezier(.455, .03, .515, .955), opacity .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 { + will-change: transform, opacity; + transition: transform .2s cubic-bezier(.455, .03, .515, .955), opacity .3s ease-in-out, background-color .3s ease-in-out, color .3s ease-in-out !important; +} + +.btn:is(:hover, :active), button[role="combobox"]:is(:hover, :active), button[class*="bg-[#3C46FF] text-[#fff]"]:is(:hover, :active), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-2x-37-14-1m-2w-33-3a-2t-36-18-w-1m-2p-2r-38-2x-3a-2t-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist), .btn:is(:hover, :active), button[role="combobox"]:is(:hover, :active), button[class*="bg-[#3C46FF] text-[#fff]"]:is(:hover, :active) { + opacity: .8; + transform: translateY(-2px); +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600:is(:hover, :active) { + opacity: .8; + transform: translateY(-2px); +} + +[role="dialog"].PopoverContent .btn-neutral:is(:hover, :focus), [role="dialog"].PopoverContent button[role="combobox"]:is(:hover, :focus) { + background-color: var(--c-surface-2) !important; + color: var(--c-txt) !important; + opacity: 1 !important; + transform: none !important; +} + +button[role="switch"] span[data-state] { + transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), background-color .3s ease-in-out; +} + +button[role="switch"]:hover span[data-state] { + transform: scale(.8); +} + +main form .grow .btn .bg-gradient-to-l, main form .grow button[role="combobox"] .bg-gradient-to-l, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow .btn .bg-gradient-to-l, main form .grow button[role="combobox"] .bg-gradient-to-l, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l { + transition: all .3s ease-in-out; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 .bg-gradient-to-l { + transition: all .3s ease-in-out; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600 .bg-gradient-to-l { + transition: all .3s ease-in-out; +} + +main form .grow .btn .bg-gradient-to-l span[data-state], main form .grow button[role="combobox"] .bg-gradient-to-l span[data-state], main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l span[data-state], .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow .btn .bg-gradient-to-l span[data-state], main form .grow button[role="combobox"] .bg-gradient-to-l span[data-state], main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l span[data-state] { + padding: 4px; + overflow: hidden; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 .bg-gradient-to-l span[data-state] { + padding: 4px; + overflow: hidden; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600 .bg-gradient-to-l span[data-state] { + padding: 4px; + overflow: hidden; +} + +main form .grow .btn .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[role="combobox"] .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l span[data-state] .bg-token-surface-primary, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow .btn .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[role="combobox"] .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"] .bg-gradient-to-l span[data-state] .bg-token-surface-primary { + transition: transform .5s cubic-bezier(.175, .885, .32, 1.275); + transform: translateY(120%)scale(.5); +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600 .bg-gradient-to-l span[data-state] .bg-token-surface-primary { + transition: transform .5s cubic-bezier(.175, .885, .32, 1.275); + transform: translateY(120%)scale(.5); +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600 .bg-gradient-to-l span[data-state] .bg-token-surface-primary { + transition: transform .5s cubic-bezier(.175, .885, .32, 1.275); + transform: translateY(120%)scale(.5); +} + +main form .grow .btn:hover, main form .grow button[role="combobox"]:hover, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"]:hover, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow .btn:hover, main form .grow button[role="combobox"]:hover, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"]:hover { + transform: translateY(-4px); + background-color: var(--c-surface-3) !important; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600:hover { + transform: translateY(-4px); + background-color: var(--c-surface-3) !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600:hover { + transform: translateY(-4px); + background-color: var(--c-surface-3) !important; +} + +main form .grow .btn:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[role="combobox"]:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"]:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary, .js-has-pseudo [csstools-has-31-2p-2x-32-w-2u-33-36-31-w-1a-2v-36-33-3b-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-2w-33-3a-2t-36-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-36-33-30-2t-1p-34-36-2t-37-2t-32-38-2p-38-2x-33-32-2l-w-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-1q-w-2p-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2s-2x-37-2r-33-3a-2t-36-3d-y-2l-15-w-2u-33-36-31-w-1a-2v-36-33-3b-w-1a-2q-2v-19-2v-36-2t-2t-32-19-1i-1c-1c-1m-2w-33-3a-2t-36-w-1a-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l-w-1a-2q-2v-19-38-33-2z-2t-32-19-37-39-36-2u-2p-2r-2t-19-34-36-2x-31-2p-36-3d]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist), main form .grow .btn:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[role="combobox"]:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary, main form .grow button[class*="bg-[#3C46FF] text-[#fff]"]:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary { + transform: translateY(0%)scale(1); + opacity: 1 !important; +} + +main form .grow [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) .bg-green-600:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary { + transform: translateY(0%)scale(1); + opacity: 1 !important; +} + +main [role="presentation"] [class*="empty:hidden"]:has( > a[href="/gpts/discovery"]) form .grow .bg-green-600:hover .bg-gradient-to-l span[data-state] .bg-token-surface-primary { + transform: translateY(0%)scale(1); + opacity: 1 !important; +} + +[data-testid="send-button"]:not([disabled]) { + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), opacity .3s ease-in-out; +} + +[data-testid="send-button"]:not([disabled]):hover { + transform: translateY(-10%); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-w-1a-2v-36-33-39-34-1m-2w-33-3a-2t-36-w-2s-2x-3a-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2j-1a-2u-2x-32-2p-30-19-2r-33-31-34-30-2t-38-2x-33-32-2l-y-2l-15-w-1a-3a-2x-37-2x-2q-30-2t]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + opacity: 1; + transform: translateY(0); +} + +main [data-testid^="conversation-turn-"] .group:hover div[class*="empty:hidden"]:has(button[class*="[.final-completion]"]) .visible { + opacity: 1; + transform: translateY(0); +} + +main [data-testid^="conversation-turn-"] .group:hover [class*="[.final-completion]"] svg { + transform: scale(1); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-w-1a-2v-36-33-39-34-w-2s-2x-3a-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2j-1a-2u-2x-32-2p-30-19-2r-33-31-34-30-2t-38-2x-33-32-2l-y-2l-15]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + overflow-y: clip; +} + +main [data-testid^="conversation-turn-"] .group div[class*="empty:hidden"]:has(button[class*="[.final-completion]"]) { + overflow-y: clip; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-w-2j-2s-2p-38-2p-19-38-2t-37-38-2x-2s-2m-1p-2r-33-32-3a-2t-36-37-2p-38-2x-33-32-19-38-39-36-32-19-2l-w-1a-2v-36-33-39-34-w-2s-2x-3a-2j-2r-30-2p-37-37-16-1p-y-2t-31-34-38-3d-1m-2w-2x-2s-2s-2t-32-y-2l-1m-2w-2p-37-14-2q-39-38-38-33-32-2j-2r-30-2p-37-37-16-1p-y-2j-1a-2u-2x-32-2p-30-19-2r-33-31-34-30-2t-38-2x-33-32-2l-y-2l-15-w-1a-3a-2x-37-2x-2q-30-2t]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + opacity: 0; + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), opacity .3s; + transform: translateY(100%); +} + +main [data-testid^="conversation-turn-"] .group div[class*="empty:hidden"]:has(button[class*="[.final-completion]"]) .visible { + opacity: 0; + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), opacity .3s; + transform: translateY(100%); +} + +main [data-testid^="conversation-turn-"] .group [class*="[.final-completion]"] svg { + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), opacity .3s ease-in-out; + transform: translateY(0); +} + +main [data-testid^="conversation-turn-"] .group [class*="[.final-completion]"] svg:hover { + opacity: .8; + transform: translateY(-3px); +} + +.js-has-pseudo [csstools-has-34-36-2t-w-2q-39-38-38-33-32-1m-2w-2p-37-14-37-3a-2v-15]:not(does-not-exist):not(does-not-exist):not(does-not-exist) { + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), opacity .3s ease-in-out, background-color .2s ease-in-out, color .1s ease-in-out !important; +} + +pre button:has(svg) { + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), opacity .3s ease-in-out, background-color .2s ease-in-out, color .1s ease-in-out !important; +} + +.js-has-pseudo [csstools-has-34-36-2t-w-2q-39-38-38-33-32-1m-2w-2p-37-14-37-3a-2v-15-w-37-3a-2v]:not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + transition: color .1s ease-in-out !important; +} + +pre button:has(svg) svg { + transition: color .1s ease-in-out !important; +} + +.js-has-pseudo [csstools-has-34-36-2t-w-2q-39-38-38-33-32-1m-2w-2p-37-14-37-3a-2v-15-1m-2w-33-3a-2t-36]:not(does-not-exist):not(does-not-exist):not(does-not-exist) { + transform: translateY(2px); + background-color: var(--c-accent-light) !important; + color: var(--c-on-accent) !important; +} + +pre button:has(svg):hover { + transform: translateY(2px); + background-color: var(--c-accent-light) !important; + color: var(--c-on-accent) !important; +} + +.js-has-pseudo [csstools-has-2w-38-31-30-1a-30-2x-2v-2w-38-w-34-36-2t-w-2q-39-38-38-33-32-1m-2w-2p-37-14-37-3a-2v-15-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + color: var(--c-txt) !important; +} + +html.light pre button:has(svg):hover { + color: var(--c-txt) !important; +} + +main [role="presentation"] button.absolute.rounded-full { + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275), opacity .3s ease-in-out; +} + +main [role="presentation"] button.absolute.rounded-full:hover { + transform: translateY(10%); + opacity: 1 !important; +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-38-2p-2q-30-2t-w-38-2q-33-2s-3d-w-38-2s-1m-2w-2p-37-14-2q-39-38-38-33-32-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-2m-1p-1w-2t-30-2t-38-2t-2l-15-w-37-3a-2v]:not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275); +} + +[role="dialog"] table tbody td:has(button[aria-label^="Delete"]) svg { + transition: transform .4s cubic-bezier(.175, .885, .32, 1.275); +} + +.js-has-pseudo [csstools-has-2j-36-33-30-2t-1p-2s-2x-2p-30-33-2v-2l-w-38-2p-2q-30-2t-w-38-2q-33-2s-3d-w-38-2s-1m-2w-2p-37-14-2q-39-38-38-33-32-2j-2p-36-2x-2p-19-30-2p-2q-2t-30-2m-1p-1w-2t-30-2t-38-2t-2l-15-w-37-34-2p-32-2j-2s-2p-38-2p-19-37-38-2p-38-2t-2l-1m-2w-33-3a-2t-36-w-37-3a-2v]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist) { + transform: translateY(2px)scale(1) !important; +} + +[role="dialog"] table tbody td:has(button[aria-label^="Delete"]) span[data-state]:hover svg { + transform: translateY(2px)scale(1) !important; +} + +button[id*="headlessui-menu-button"][class*="rounded-full"] { + transition: transform .3s cubic-bezier(.075, .82, .165, 1); +} + +button[id*="headlessui-menu-button"][class*="rounded-full"]:hover { + transform: scale(1.06); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-32-33-32-2t-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), .js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-30-2v-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist), :is(main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-none"], main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-lg"]) { + transition: background-color .3s cubic-bezier(.445, .05, .55, .95), color .3s cubic-bezier(.445, .05, .55, .95), transform .3s cubic-bezier(.445, .05, .55, .95); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-y-31-2s-1m-36-33-39-32-2s-2t-2s-19-30-2v-y-2l-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist) { + transform: scale(.955); + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="md:rounded-lg"]:hover { + transform: scale(.955); + background-color: var(--c-accent) !important; + color: var(--c-on-accent) !important; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-2l-w-2q-39-38-38-33-32]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + transition: transform .3s cubic-bezier(.165, .84, .44, 1); +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="bg-gradient-to-"] button { + transition: transform .3s cubic-bezier(.165, .84, .44, 1); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-30-2l-w-2q-39-38-38-33-32-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + transform: translateX(3px); +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="bg-gradient-to-l"] button:hover { + transform: translateX(3px); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-37-38-2x-2r-2z-3d-w-2j-2r-30-2p-37-37-16-1p-2q-2v-19-2v-36-2p-2s-2x-2t-32-38-19-38-33-19-36-2l-w-2q-39-38-38-33-32-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + transform: translateX(-3px); +} + +main:has(.sticky [href="/gpts/editor"]) .sticky [class*="bg-gradient-to-r"] button:hover { + transform: translateX(-3px); +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-2w-19-2u-2x-38-w-2p-2j-2w-36-2t-2u-16-1p-y-1b-2v-1b-2v-19-y-2l]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + transition: transform .3s cubic-bezier(.445, .05, .55, .95), background-color .3s ease-in-out; +} + +main:has(.sticky [href="/gpts/editor"]) .h-fit a[href*="/g/g-"] { + transition: transform .3s cubic-bezier(.445, .05, .55, .95), background-color .3s ease-in-out; +} + +.js-has-pseudo [csstools-has-31-2p-2x-32-1m-2w-2p-37-14-1a-37-38-2x-2r-2z-3d-w-2j-2w-36-2t-2u-1p-y-1b-2v-34-38-37-1b-2t-2s-2x-38-33-36-y-2l-15-w-1a-2w-19-2u-2x-38-w-2p-2j-2w-36-2t-2u-16-1p-y-1b-2v-1b-2v-19-y-2l-1m-2w-33-3a-2t-36]:not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist) { + transform: translateY(-3px); +} + +main:has(.sticky [href="/gpts/editor"]) .h-fit a[href*="/g/g-"]:hover { + transform: translateY(-3px); +} + diff --git a/extension-dev/manifest-moz.json b/extension-dev/manifest-moz.json new file mode 100644 index 0000000..16e2761 --- /dev/null +++ b/extension-dev/manifest-moz.json @@ -0,0 +1,30 @@ +{ + "name": "GPThemes - ChatGPT 3.5 Restyled", + "description": "Instantly refresh ChatGPT's UI with a modern and enhanced look using custom CSS", + "author": "Marta Bires", + "homepage_url": "https://github.com/itsmartashub/GPThemes", + "version": "1.2.0", + "manifest_version": 3, + "host_permissions": ["https://chat.openai.com/*", "http://chat.openai.com/*"], + "icons": { + "16": "./assets/icons/16.png", + "19": "./assets/icons/19.png", + "32": "./assets/icons/32.png", + "38": "./assets/icons/38.png", + "48": "./assets/icons/48.png", + "128": "./assets/icons/128.png" + }, + "content_scripts": [ + { + "matches": ["https://chat.openai.com/*", "http://chat.openai.com/*"], + "css": ["./css/index.css"], + "run_at": "document_start" + } + ], + "browser_specific_settings": { + "gecko": { + "id": "gpthemes@itsmarta", + "strict_min_version": "121.0" + } + } +} diff --git a/extension-dev/manifest.json b/extension-dev/manifest.json new file mode 100644 index 0000000..92075f0 --- /dev/null +++ b/extension-dev/manifest.json @@ -0,0 +1,24 @@ +{ + "name": "GPThemes - ChatGPT 3.5 Restyled", + "description": "Instantly refresh ChatGPT's UI with a modern and enhanced look using custom CSS", + "author": "Marta Bires", + "homepage_url": "https://github.com/itsmartashub/GPThemes", + "version": "1.2.0", + "manifest_version": 3, + "host_permissions": ["https://chat.openai.com/*", "http://chat.openai.com/*"], + "icons": { + "16": "./assets/icons/16.png", + "19": "./assets/icons/19.png", + "32": "./assets/icons/32.png", + "38": "./assets/icons/38.png", + "48": "./assets/icons/48.png", + "128": "./assets/icons/128.png" + }, + "content_scripts": [ + { + "matches": ["https://chat.openai.com/*", "http://chat.openai.com/*"], + "css": ["./css/index.css"], + "run_at": "document_start" + } + ] +} diff --git a/src/sass/elements/_transitions.scss b/src/sass/elements/_transitions.scss index 89ac78a..a56ce00 100644 --- a/src/sass/elements/_transitions.scss +++ b/src/sass/elements/_transitions.scss @@ -64,7 +64,8 @@ button:not( .btn { will-change: transform, opacity; - transition: transform 0.4s $easeOutBack, opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, + // transition: transform 0.4s $easeOutBack, opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out !important; + transition: transform 0.2s $easeInOutQuad, opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out !important; &:is(:hover, :active) { @@ -254,7 +255,8 @@ main:has(.sticky [href='/gpts/editor']) { /* Sticky header with tags aka "Top Picks", "DALLE", "Writing", etc */ [class*='md:rounded-none'], [class*='md:rounded-lg'] { - transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s $easeInCirc; + // transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s $easeInCirc; + transition: background-color 0.3s $easeInOutSine, color 0.3s $easeInOutSine, transform 0.3s $easeInOutSine; } /* Non-active pill-tag */ [class*='md:rounded-lg']:hover {