���� JFIF    �� �        "" $(4,$&1'-=-157:::#+?D?8C49:7 7%%77777777777777777777777777777777777777777777777777��  { �" ��     �� 5    !1AQa"q�2��BR��#b�������  ��  ��   ? ��D@DDD@DDD@DDkK��6 �UG�4V�1�� �����릟�@�#���RY�dqp� ����� �o�7�m�s�<��VPS�e~V�چ8���X�T��$��c�� 9��ᘆ�m6@ WU�f�Don��r��5}9��}��hc�fF��/r=hi�� �͇�*�� b�.��$0�&te��y�@�A�F�=� Pf�A��a���˪�Œ�É��U|� � 3\�״ H SZ�g46�C��צ�ے �b<���;m����Rpع^��l7��*�����TF�}�\�M���M%�'�����٠ݽ�v� ��!-�����?�N!La��A+[`#���M����'�~oR�?��v^)��=��h����A��X�.���˃����^Ə��ܯsO"B�c>; �e�4��5�k��/CB��.  �J?��;�҈�������������������~�<�VZ�ꭼ2/)Í”jC���ע�V�G�!���!�F������\�� Kj�R�oc�h���:Þ I��1"2�q×°8��Р@ז���_C0�ր��A��lQ��@纼�!7��F�� �]�sZ B�62r�v�z~�K�7�c��5�.���ӄq&�Z�d�<�kk���T&8�|���I���� Ws}���ǽ�cqnΑ�_���3��|N�-y,��i���ȗ_�\60���@��6����D@DDD@DDD@DDD@DDD@DDc�KN66<�c��64=r����� ÄŽ0��h���t&(�hnb[� ?��^��\��â|�,�/h�\��R��5�? �0�!צ܉-����G����٬��Q�zA���1�����V��� �:R���`�$��ik��H����D4�����#dk����� h�}����7���w%�������*o8wG�LycuT�.���ܯ7��I��u^���)��/c�,s�Nq�ۺ�;�ך�YH2���.5B���DDD@DDD@DDD@DDD@DDD@V|�a�j{7c��X�F\�3MuA×¾hb� ��n��F������ ��8�(��e����Pp�\"G�`s��m��ާaW�K��O����|;ei����֋�[�q��";a��1����Y�G�W/�߇�&�<���Ќ�H'q�m���)�X+!���=�m�ۚ丷~6a^X�)���,�>#&6G���Y��{����"" """ """ """ """ ""��at\/�a�8 �yp%�lhl�n����)���i�t��B�������������?��modskinlienminh.com - WSOX ENC .mwai-chat { --mwai-spacing: 10px; --mwai-fontSize: 13px; --mwai-lineHeight: 1.5; --mwai-borderRadius: 10px; --mwai-width: 460px; --mwai-maxHeight: 40vh; --mwai-iconTextColor: black; --mwai-iconTextBackgroundColor: white; --mwai-fontColor: black; --mwai-backgroundPrimaryColor: #fafafa; --mwai-backgroundHeaderColor: #0084ff; --mwai-headerButtonsColor: white; --mwai-backgroundUserColor: #0084ff; --mwai-backgroundAiColor: #eee; --mwai-backgroundAiSecondaryColor: #ddd; * { box-sizing: border-box; } .mwai-content { display: flex; background: var(--mwai-backgroundPrimaryColor); font-size: var(--mwai-fontSize); color: var(--mwai-fontColor); border-radius: var(--mwai-borderRadius); flex-direction: column; } .mwai-conversation { display: flex; flex-direction: column; overflow: auto; max-height: var(--mwai-maxHeight); padding: var(--mwai-spacing); .mwai-reply { margin-bottom: var(--mwai-spacing); padding: 7px 12px; border-radius: 15px; font-size: var(--mwai-fontSize); color: var(--mwai-fontColor); position: relative; .mwai-name { display: none; } .mwai-name-text { display: none; } & * { &:first-child { margin-top: 0px; } &:last-child { margin-bottom: 0px; } } &.mwai-ai { align-self: flex-start; background: var(--mwai-backgroundAiColor); margin-left: 5px; &::before, &::after { content: ""; position: absolute; z-index: 1; bottom: 0; left: -10px; width: 10px; height: 20px; background: var(--mwai-backgroundPrimaryColor); border-bottom-right-radius: 10px; } &::before { z-index: 0; left: -7px; height: 20px; width: 20px; background: var(--mwai-backgroundAiColor); border-bottom-right-radius: 15px; } } &.mwai-user { align-self: flex-end; background: var(--mwai-backgroundUserColor); color: white; margin-right: 10px; &::before, &::after { content: ""; position: absolute; z-index: 1; bottom: 0; right: -10px; width: 10px; height: 20px; background: var(--mwai-backgroundPrimaryColor); border-bottom-left-radius: 10px; } &::before { z-index: 0; right: -10px; height: 20px; width: 20px; background: var(--mwai-backgroundUserColor); background-attachment: fixed; border-bottom-left-radius: 15px; } } } } .mwai-text { flex: auto; *:first-child { margin-top: 0; } *:last-child { margin-bottom: 0; } a { color: #2196f3; } h1 { font-size: 200%; } h2 { font-size: 160%; } h3 { font-size: 140%; } h4 { font-size: 120%; } p { font-size: var(--mwai-fontSize); line-height: var(--mwai-lineHeight); code { background: var(--mwai-backgroundAiSecondaryColor); padding: 2px 6px; border-radius: 8px; font-size: 90%; font-family: system-ui; } } pre { color: var(--mwai-fontColor); border-radius: var(--mwai-borderRadius); break-after: auto; white-space: pre-wrap; max-width: 100%; width: 100%; font-family: system-ui; background: var(--mwai-backgroundAiSecondaryColor); padding: var(--mwai-spacing); code { padding: 0 !important; font-family: system-ui; background: var(--mwai-backgroundAiSecondaryColor); } } ol { padding: 0; margin: 0 0 0 20px; } table { width: 100%; border: 2px solid var(--mwai-backgroundAiSecondaryColor); border-collapse: collapse } thead { background: var(--mwai-backgroundAiSecondaryColor); } tr, td { padding: 2px 5px; } td { border: 2px solid var(--mwai-backgroundAiSecondaryColor); } .mwai-typewriter { display: inline-block; > :first-child { margin-top: 0; } } >* { &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } } .mwai-avatar { img { width: 24px; border-radius: 5px; } } .mwai-input { display: flex; align-items: center; padding: var(--mwai-spacing); .mwai-input-text { flex: auto; position: relative; display: flex; background: var(--mwai-backgroundPrimaryColor); border-radius: var(--mwai-borderRadius); border: 1px solid var(--mwai-backgroundAiSecondaryColor); overflow: hidden; textarea { background: var(--mwai-backgroundPrimaryColor); color: var(--mwai-fontColor); flex: auto; padding: var(--mwai-spacing); border: none; font-size: var(--mwai-fontSize); resize: none; font-family: inherit; margin: 0; overflow: hidden; &:focus { outline: none; box-shadow: none; } &::placeholder { color: var(--mwai-fontColor); opacity: 0.5; } } .mwai-microphone, .mwai-file-upload { display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer; svg { fill: var(--mwai-fontColor); width: 34px; height: 34px; fill: var(--mwai-fontColor); opacity: 0.5; transition: opacity 0.3s ease-out; } &[active=true] { svg { opacity: 1; } } &[disabled] { svg { opacity: 0; } } } .mwai-file-upload { margin-left: 5px; margin-right: -5px; svg { width: 42px; height: 42px; padding: 5px; } span { position: absolute; font-size: 55%; } &.enabled { svg { opacity: 1; filter: none; } } } .mwai-microphone { svg { padding: 5px 10px; } } } button { margin-left: var(--mwai-spacing); padding: 5px 15px; background-color: var(--mwai-backgroundUserColor); color: white; border: none; border-radius: var(--mwai-borderRadius); cursor: pointer; height: 32px; width: 110px; display: flex; justify-content: center; align-items: center; .mwai-timer { margin-left: 5px; margin-right: 5px; font-size: 11px; } &:hover { filter: brightness(1.2); } } } button[disabled] { cursor: not-allowed; span { opacity: 0.5; } &.mwai-busy { span { display: none; } &:before { content: ''; width: 18px; height: 18px; margin: auto; border: 3px solid transparent; border-top-color: var(--mwai-fontColor); border-radius: 50%; animation: mwai-button-spinner 1s ease infinite; } } } .mwai-compliance { opacity: 0.50; margin-top: calc( -1 * var(--mwai-spacing)); padding: calc(var(--mwai-spacing) / 1.5) var(--mwai-spacing); font-size: smaller; color: var(--mwai-fontColor); text-align: left; } .mwai-gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 5px; img { width: 100%; } } } @import '_common.scss'; @import '_copybutton.scss'; @import '_codeLight.scss'; .mwai-copy-button { position: absolute; left: 15px; zoom: 0.5; top: 18px; filter: revert; } .mwai-ai .mwai-copy-button { right: 15px; left: inherit; filter: brightness(0.4); }