Classnotes WB22212 2024
Classnotes WB22212 2024
DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Download pdf - There's An AI For That®</title>
<meta name="description" content="Browse 25 Download pdf AIs. Includes tasks such
as Document Q&A, PDF management, Document summaries, Flashcards and PDF
translations.">
<meta property="og:title" content="Download pdf - There's An AI For That®">
<meta property="og:site_name" content="There's An AI For That">
<meta property="og:url" content="https://theresanaiforthat.com/s/download+pdf/">
<meta property="og:description" content="Browse 25 Download pdf AIs. Includes tasks
such as Document Q&A, PDF management, Document summaries, Flashcards and PDF
translations.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://media.theresanaiforthat.com/assets/og-
image-3.png?v=1">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@theresanaiforit">
<meta name="twitter:creator" content="@imakecoolsites">
<meta name="twitter:image:alt" content="Dark image with white and orange text
saying: The AI Tool That Helps You Find Other AI Tools." />
<meta name="twitter:description" content="Browse 25 Download pdf AIs. Includes
tasks such as Document Q&A, PDF management, Document summaries, Flashcards and PDF
translations.">
<meta name="twitter:title" content="Download pdf - There's An AI For That®">
<meta name="twitter:image" content="https://media.theresanaiforthat.com/assets/og-
image-3.png?v=1">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#535353">
<meta name="msapplication-TileColor" content="#f1f1f1">
<meta name="language" content="en">
<meta property="og:profile:company"
content="https://www.linkedin.com/company/theresanaiforthat/">
<meta name="theme-color" content="#343541">
<script >
let switch_cont = null;
function mobilecheck() {
let check = false;
(function (a) {
if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|
compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|
mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|
pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|
xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|
ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|
attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|
u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-
s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|
os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|
hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|
i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|
jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|
u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|
ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|
n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|
nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|
phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-
[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|
h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|
sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|
ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|
g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|
61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|
zeto|zte\-/i.test(a.substr(0, 4))) check = true;
})(navigator.userAgent || navigator.vendor || window.opera);
return check;
}
let is_mobile = mobilecheck();
document.addEventListener('popstate', function(){
if (isInternalNavigation()) {
scrollToSwitch();
}
});
</script> <style >
:root{
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI
Symbol";
--main-container-width: 940px;
--grid-gap: 23px 18px;
--highlight: #70addf33;
--highlight-2: #ff5722;
--color-medium: #727586;
--color-input: #2f303b;
--color-body: #343541;
--color-medium-2: #8b8c98;
--color-medium-3: #a4a5b0;
--color-medium-4: #a0a2b4;
--color-medium-5: #3c3c4c;
--color-medium-6: #4d4d5d;
--color-medium-7: #575a73;
--color-medium-8: #c8c9d3;
--color-medium-9: #aaabb7;
--color-medium-10: #393c4b;
--color-medium-11: #393945;
--color-medium-12: #4a4a5b;
--color-medium-13: #abacbd;
--color-medium-14: #525265;
/*--color-light: #cfd0d8;*/
/*--color-light: #e2e3ea;*/
--color-white: #fff;
--color-light: #ececf1;
--color-light-2: #353846;
--color-light-3: #cacad2;
--color-light-4: #e2e2e2;
--color-dark: #30313c;
--color-dark-2: #292932;
--color-dark-3: #2d2e39;
--color-dark-4: #212127;
--color-dark-5: #1e1e23;
--color-dark-6: #1e1e26;
--color-dark-7: #343640;
--color-dark-0: #2f2f3b;
--color-gpt: #75a99b;
--color-ios: #1eadf9;
--color-verified: #2b98e9;
--color-ice: #c9e0ec;
--color-blue: #004a77;
--color-blue-2: #365d86;
--color-blue-3: #d2eeff;
--color-blue-4: #3b4d8b;
--color-blue-5: #b8cdf8;
--color-blue-6: #acc4f6;
--color-blue-8: #5f7c9b;
--color-blue-9: #c1d5ff;
--color-blue-10: #d0d0d9;
--color-purple: #cd9dff;
--color-android: #32de84;
--color-chrome: #fcc11b;
--border-radius-xl: 15px;
--border-radius-large: 8px;
--border-radius-small: 3px;
--font-size-small: 11px;
--color-green: #2ad831;
--color-green-2: #31874e;
--color-green-light: #58fa58;
--color-green-light-2: #67dc91;
--color-yellow: #f9c74f;
--color-pink-light: #d68686;
--color-yellow-2: #edda36;
--color-yellow-3: #ffb956;
--color-yellow-4: #f1c40f;
--color-red: #c84343;
--color-remove: #c84343;
--color-black-transparent: #1a1a23e8;
--color-icon-light: #ccc;
/* Sizes */
--icon-size: 46px;
--icon-size-s: 19px;
--icon-size-m: 24px;
--icon-size-l: 58px;
--icon-border-radius: 10px;
--icon-border-radius-l: 12px;
--icon-border-radius-s: 4px;
--filters-height: 56px;
--ctrl-height: 47px;
--menu-collapsed-width: 58px;
--floating-button-size: 50px;
--floating-button-size-mobile: 40px;
--thumbs-icon-size: 26px;
--thumbs-icon-size-m: 22px;
--announcement-height: 51px;
/*https://media.theresanaiforthat.com/assets/openai-icon-svg.svg*/
--svg-openai: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F
%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220.00%200.00%20180.00%20180.00%22%3E
%20%3Cg%20stroke-width%3D%222.00%22%20fill%3D%22none%22%3E%20%3Cpath%20stroke%3D
%22transparent%22%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22%20M
%2072.13%20146.58%20C%2090.54%20165.47%20120.50%20158.90%20129.57%20134.28%20A
%200.95%200.93%20-85.7%200%201%20130.24%20133.69%20C
%20154.24%20128.01%20163.65%20101.98%20150.95%2081.34%20C
%20150.31%2080.30%20149.07%2079.14%20148.31%2077.99%20Q
%20148.03%2077.57%20148.16%2077.09%20Q%20153.46%2057.46%20140.26%2043.48%20C
%20133.29%2036.09%20120.20%2030.62%20109.57%2033.54%20Q
%20108.62%2033.80%20108.03%2033.21%20C
%2089.62%2014.42%2059.81%2020.89%2050.64%2045.41%20Q
%2050.45%2045.90%2049.95%2046.04%20C
%2047.41%2046.73%2044.78%2047.49%2042.55%2048.63%20C
%2022.47%2058.87%2016.96%2084.28%2031.85%20101.69%20Q
%2032.20%20102.10%2032.04%20102.62%20C
%2025.85%20123.83%2039.23%20143.55%2060.99%20146.80%20Q
%2064.38%20147.31%2071.26%20146.29%20Q%2071.77%20146.21%2072.13%20146.58%22%2F%3E
%20%3Cpath%20stroke%3D%22transparent%22%20vector-effect%3D%22non-scaling-stroke
%22%20d%3D%22%20M%2069.15%2058.76%20C
%2069.12%2056.24%2069.57%2054.12%2071.68%2052.90%20Q
%2085.31%2045.05%2098.76%2037.31%20A
%200.43%200.43%200.0%200%200%2098.79%2036.59%20C
%2084.46%2026.62%2065.28%2031.18%2059.25%2047.83%20Q
%2057.73%2052.02%2057.70%2061.33%20Q%2057.66%2074.45%2057.70%2087.60%20Q
%2057.70%2088.12%2058.15%2088.38%20L%2068.72%2094.46%20Q
%2069.26%2094.77%2069.26%2094.15%20Q%2069.30%2076.38%2069.15%2058.76%22%2F%3E
%20%3Cpath%20stroke%3D%22transparent%22%20vector-effect%3D%22non-scaling-stroke
%22%20d%3D%22%20M%20113.19%2055.58%20Q%20122.48%2061.07%20139.95%2071.00%20Q
%20140.43%2071.28%20140.51%2070.73%20C
%20142.89%2053.43%20127.48%2038.44%20110.11%2042.34%20Q
%20106.28%2043.20%2098.31%2047.76%20Q%2087.11%2054.16%2075.96%2060.65%20Q
%2075.48%2060.93%2075.48%2061.49%20L%2075.48%2073.72%20Q
%2075.48%2074.26%2075.95%2073.99%20Q%2092.20%2064.70%20108.42%2055.48%20Q
%20110.77%2054.15%20113.19%2055.58%22%2F%3E%20%3Cpath%20stroke%3D%22transparent
%22%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22%20M%2072.83%20116.79%20L
%2083.26%20110.78%20Q%2083.94%20110.39%2083.26%20110.00%20L%2051.07%2091.42%20A
%204.54%204.54%200.0%200%201%2048.80%2087.49%20L%2048.79%2056.23%20A
%200.54%200.54%200.0%200%200%2048.01%2055.74%20C
%2032.34%2063.33%2026.76%2082.03%2038.29%2095.65%20Q
%2041.13%2099.00%2049.11%20103.65%20Q%2060.46%20110.26%2071.85%20116.79%20Q
%2072.34%20117.07%2072.83%20116.79%22%2F%3E%20%3Cpath%20stroke%3D%22transparent
%22%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22%20M%20131.19%2090.92%20A
%202.72%202.50%2038.2%200%201%20131.32%2091.73%20L%20131.32%20123.73%20A
%200.37%200.37%200.0%200%200%20131.84%20124.07%20C
%20151.74%20115.33%20153.67%2089.38%20134.71%2078.32%20Q
%20121.48%2070.59%20108.30%2062.96%20A
%200.84%200.84%200.0%200%200%20107.48%2062.96%20L%2096.73%2069.19%20A
%200.27%200.27%200.0%200%200%2096.73%2069.66%20Q
%20113.07%2079.12%20129.45%2088.84%20Q%20130.79%2089.63%20131.19%2090.92%22%2F%3E
%20%3Cpath%20stroke%3D%22transparent%22%20vector-effect%3D%22non-scaling-stroke
%22%20d%3D%22%20M%2075.48%2097.91%20A
%200.80%200.80%200.0%200%200%2075.88%2098.60%20L%2089.70%20106.58%20A
%200.80%200.80%200.0%200%200%2090.50%20106.58%20L%20104.34%2098.58%20A
%200.80%200.80%200.0%200%200%20104.74%2097.89%20L%20104.75%2081.92%20A
%200.80%200.80%200.0%200%200%20104.35%2081.23%20L%2090.52%2073.23%20A
%200.80%200.80%200.0%200%200%2089.72%2073.23%20L%2075.88%2081.21%20A
%200.80%200.80%200.0%200%200%2075.48%2081.90%20L%2075.48%2097.91%22%2F%3E%20%3Cpath
%20stroke%3D%22transparent%22%20vector-effect%3D%22non-scaling-stroke%22%20d%3D
%22%20M%20110.76%20123.25%20C
%20110.75%20124.75%20110.23%20125.68%20108.95%20126.44%20Q
%2095.19%20134.60%2081.52%20142.51%20A
%200.46%200.46%200.0%200%200%2081.48%20143.28%20C
%2098.87%20155.70%20122.53%20144.66%20122.51%20123.00%20Q
%20122.50%20107.68%20122.50%2092.28%20Q%20122.50%2091.73%20122.02%2091.45%20L
%20111.29%2085.25%20A%200.25%200.24%2015.0%200%200%20110.92%2085.46%20Q
%20110.92%20104.34%20110.76%20123.25%22%2F%3E%20%3Cpath%20stroke%3D%22transparent
%22%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22%20M%2039.70%20109.03%20C
%2036.78%20129.03%2058.23%20145.51%2076.74%20134.97%20Q
%2090.55%20127.09%20104.36%20119.10%20Q%20104.74%20118.89%20104.74%20118.45%20L
%20104.74%20106.00%20A%200.29%200.29%200.0%200%200%20104.30%20105.75%20Q
%2088.01%20115.16%2071.89%20124.35%20Q%2069.56%20125.68%2067.21%20124.31%20Q
%2053.80%20116.52%2040.22%20108.78%20Q%2039.78%20108.53%2039.70%20109.03%22%2F%3E
%20%3C%2Fg%3E%20%3Cpath%20fill%3D%22%238b8c98%22%20d%3D%22%20M%2071.26%20146.29%20Q
%2064.38%20147.31%2060.99%20146.80%20C
%2039.23%20143.55%2025.85%20123.83%2032.04%20102.62%20Q
%2032.20%20102.10%2031.85%20101.69%20C
%2016.96%2084.28%2022.47%2058.87%2042.55%2048.63%20C
%2044.78%2047.49%2047.41%2046.73%2049.95%2046.04%20Q
%2050.45%2045.90%2050.64%2045.41%20C
%2059.81%2020.89%2089.62%2014.42%20108.03%2033.21%20Q
%20108.62%2033.80%20109.57%2033.54%20C
%20120.20%2030.62%20133.29%2036.09%20140.26%2043.48%20Q
%20153.46%2057.46%20148.16%2077.09%20Q%20148.03%2077.57%20148.31%2077.99%20C
%20149.07%2079.14%20150.31%2080.30%20150.95%2081.34%20C
%20163.65%20101.98%20154.24%20128.01%20130.24%20133.69%20A%200.95%200.93%20-
85.7%200%200%20129.57%20134.28%20C
%20120.50%20158.90%2090.54%20165.47%2072.13%20146.58%20Q
%2071.77%20146.21%2071.26%20146.29%20Z%20M%2069.15%2058.76%20C
%2069.12%2056.24%2069.57%2054.12%2071.68%2052.90%20Q
%2085.31%2045.05%2098.76%2037.31%20A
%200.43%200.43%200.0%200%200%2098.79%2036.59%20C
%2084.46%2026.62%2065.28%2031.18%2059.25%2047.83%20Q
%2057.73%2052.02%2057.70%2061.33%20Q%2057.66%2074.45%2057.70%2087.60%20Q
%2057.70%2088.12%2058.15%2088.38%20L%2068.72%2094.46%20Q
%2069.26%2094.77%2069.26%2094.15%20Q%2069.30%2076.38%2069.15%2058.76%20Z%20M
%20113.19%2055.58%20Q%20122.48%2061.07%20139.95%2071.00%20Q
%20140.43%2071.28%20140.51%2070.73%20C
%20142.89%2053.43%20127.48%2038.44%20110.11%2042.34%20Q
%20106.28%2043.20%2098.31%2047.76%20Q%2087.11%2054.16%2075.96%2060.65%20Q
%2075.48%2060.93%2075.48%2061.49%20L%2075.48%2073.72%20Q
%2075.48%2074.26%2075.95%2073.99%20Q%2092.20%2064.70%20108.42%2055.48%20Q
%20110.77%2054.15%20113.19%2055.58%20Z%20M%2072.83%20116.79%20L
%2083.26%20110.78%20Q%2083.94%20110.39%2083.26%20110.00%20L%2051.07%2091.42%20A
%204.54%204.54%200.0%200%201%2048.80%2087.49%20L%2048.79%2056.23%20A
%200.54%200.54%200.0%200%200%2048.01%2055.74%20C
%2032.34%2063.33%2026.76%2082.03%2038.29%2095.65%20Q
%2041.13%2099.00%2049.11%20103.65%20Q%2060.46%20110.26%2071.85%20116.79%20Q
%2072.34%20117.07%2072.83%20116.79%20Z%20M%20131.19%2090.92%20A
%202.72%202.50%2038.2%200%201%20131.32%2091.73%20L%20131.32%20123.73%20A
%200.37%200.37%200.0%200%200%20131.84%20124.07%20C
%20151.74%20115.33%20153.67%2089.38%20134.71%2078.32%20Q
%20121.48%2070.59%20108.30%2062.96%20A
%200.84%200.84%200.0%200%200%20107.48%2062.96%20L%2096.73%2069.19%20A
%200.27%200.27%200.0%200%200%2096.73%2069.66%20Q
%20113.07%2079.12%20129.45%2088.84%20Q%20130.79%2089.63%20131.19%2090.92%20Z%20M
%2075.48%2097.91%20A%200.80%200.80%200.0%200%200%2075.88%2098.60%20L
%2089.70%20106.58%20A%200.80%200.80%200.0%200%200%2090.50%20106.58%20L
%20104.34%2098.58%20A%200.80%200.80%200.0%200%200%20104.74%2097.89%20L
%20104.75%2081.92%20A%200.80%200.80%200.0%200%200%20104.35%2081.23%20L
%2090.52%2073.23%20A%200.80%200.80%200.0%200%200%2089.72%2073.23%20L
%2075.88%2081.21%20A%200.80%200.80%200.0%200%200%2075.48%2081.90%20L
%2075.48%2097.91%20Z%20M%20110.76%20123.25%20C
%20110.75%20124.75%20110.23%20125.68%20108.95%20126.44%20Q
%2095.19%20134.60%2081.52%20142.51%20A
%200.46%200.46%200.0%200%200%2081.48%20143.28%20C
%2098.87%20155.70%20122.53%20144.66%20122.51%20123.00%20Q
%20122.50%20107.68%20122.50%2092.28%20Q%20122.50%2091.73%20122.02%2091.45%20L
%20111.29%2085.25%20A%200.25%200.24%2015.0%200%200%20110.92%2085.46%20Q
%20110.92%20104.34%20110.76%20123.25%20Z%20M%2039.70%20109.03%20C
%2036.78%20129.03%2058.23%20145.51%2076.74%20134.97%20Q
%2090.55%20127.09%20104.36%20119.10%20Q%20104.74%20118.89%20104.74%20118.45%20L
%20104.74%20106.00%20A%200.29%200.29%200.0%200%200%20104.30%20105.75%20Q
%2088.01%20115.16%2071.89%20124.35%20Q%2069.56%20125.68%2067.21%20124.31%20Q
%2053.80%20116.52%2040.22%20108.78%20Q%2039.78%20108.53%2039.70%20109.03%20Z%22%2F
%3E%20%3Cpath%20fill%3D%22transparent%22%20d%3D%22%20M%2071.68%2052.90%20C
%2069.57%2054.12%2069.12%2056.24%2069.15%2058.76%20Q
%2069.30%2076.38%2069.26%2094.15%20Q%2069.26%2094.77%2068.72%2094.46%20L
%2058.15%2088.38%20Q%2057.70%2088.12%2057.70%2087.60%20Q
%2057.66%2074.45%2057.70%2061.33%20Q%2057.73%2052.02%2059.25%2047.83%20C
%2065.28%2031.18%2084.46%2026.62%2098.79%2036.59%20A
%200.43%200.43%200.0%200%201%2098.76%2037.31%20Q
%2085.31%2045.05%2071.68%2052.90%20Z%22%2F%3E%20%3Cpath%20fill%3D%22transparent
%22%20d%3D%22%20M%20113.19%2055.58%20Q%20110.77%2054.15%20108.42%2055.48%20Q
%2092.20%2064.70%2075.95%2073.99%20Q%2075.48%2074.26%2075.48%2073.72%20L
%2075.48%2061.49%20Q%2075.48%2060.93%2075.96%2060.65%20Q
%2087.11%2054.16%2098.31%2047.76%20Q%20106.28%2043.20%20110.11%2042.34%20C
%20127.48%2038.44%20142.89%2053.43%20140.51%2070.73%20Q
%20140.43%2071.28%20139.95%2071.00%20Q%20122.48%2061.07%20113.19%2055.58%20Z%22%2F
%3E%20%3Cpath%20fill%3D%22transparent%22%20d%3D%22%20M%2083.26%20110.78%20L
%2072.83%20116.79%20Q%2072.34%20117.07%2071.85%20116.79%20Q
%2060.46%20110.26%2049.11%20103.65%20Q%2041.13%2099.00%2038.29%2095.65%20C
%2026.76%2082.03%2032.34%2063.33%2048.01%2055.74%20A
%200.54%200.54%200.0%200%201%2048.79%2056.23%20L%2048.80%2087.49%20A
%204.54%204.54%200.0%200%200%2051.07%2091.42%20L%2083.26%20110.00%20Q
%2083.94%20110.39%2083.26%20110.78%20Z%22%2F%3E%20%3Cpath%20fill%3D%22transparent
%22%20d%3D%22%20M%20131.19%2090.92%20Q%20130.79%2089.63%20129.45%2088.84%20Q
%20113.07%2079.12%2096.73%2069.66%20A
%200.27%200.27%200.0%200%201%2096.73%2069.19%20L%20107.48%2062.96%20A
%200.84%200.84%200.0%200%201%20108.30%2062.96%20Q%20121.48%2070.59%20134.71%20
78.32%20C%20153.67%2089.38%20151.74%20115.33%20131.84%20124.07%20A
%200.37%200.37%200.0%200%201%20131.32%20123.73%20L%20131.32%2091.73%20A
%202.72%202.50%2038.2%200%200%20131.19%2090.92%20Z%22%2F%3E%20%3Cpath%20fill%3D
%22transparent%22%20d%3D%22%20M%2075.48%2097.91%20L%2075.48%2081.90%20A
%200.80%200.80%200.0%200%201%2075.88%2081.21%20L%2089.72%2073.23%20A
%200.80%200.80%200.0%200%201%2090.52%2073.23%20L%20104.35%2081.23%20A
%200.80%200.80%200.0%200%201%20104.75%2081.92%20L%20104.74%2097.89%20A
%200.80%200.80%200.0%200%201%20104.34%2098.58%20L%2090.50%20106.58%20A
%200.80%200.80%200.0%200%201%2089.70%20106.58%20L%2075.88%2098.60%20A
%200.80%200.80%200.0%200%201%2075.48%2097.91%20Z%22%2F%3E%20%3Cpath%20fill%3D
%22transparent%22%20d%3D%22%20M%20108.95%20126.44%20C
%20110.23%20125.68%20110.75%20124.75%20110.76%20123.25%20Q
%20110.92%20104.34%20110.92%2085.46%20A
%200.25%200.24%2015.0%200%201%20111.29%2085.25%20L%20122.02%2091.45%20Q
%20122.50%2091.73%20122.50%2092.28%20Q%20122.50%20107.68%20122.51%20123.00%20C
%20122.53%20144.66%2098.87%20155.70%2081.48%20143.28%20A
%200.46%200.46%200.0%200%201%2081.52%20142.51%20Q
%2095.19%20134.60%20108.95%20126.44%20Z%22%2F%3E%20%3Cpath%20fill%3D%22transparent
%22%20d%3D%22%20M%2076.74%20134.97%20C
%2058.23%20145.51%2036.78%20129.03%2039.70%20109.03%20Q
%2039.78%20108.53%2040.22%20108.78%20Q%2053.80%20116.52%2067.21%20124.31%20Q
%2069.56%20125.68%2071.89%20124.35%20Q%2088.01%20115.16%20104.30%20105.75%20A
%200.29%200.29%200.0%200%201%20104.74%20106.00%20L%20104.74%20118.45%20Q
%20104.74%20118.89%20104.36%20119.10%20Q%2090.55%20127.09%2076.74%20134.97%20Z
%22%2F%3E%20%3C%2Fsvg%3E');
/*https://media.theresanaiforthat.com/assets/external-link.svg*/
--svg-external-link: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http
%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20768%20768%22%3E%3Cpath
%20fill%3D%22%238b8c98%22%20d%3D%22M544%20416v192c0%208.832-3.552%2016.8-
9.376%2022.624s-13.792%209.376-22.624%209.376h-352c-8.832%200-16.8-3.552-22.624-
9.376s-9.376-13.792-9.376-22.624v-352c0-8.832%203.552-16.8%209.376-22.624s13.792-
9.376%2022.624-9.376h192c17.664%200%2032-14.336%2032-32s-14.336-32-32-32h-192c-
26.496%200-50.56%2010.784-67.872%2028.128s-28.128%2041.376-
28.128%2067.872v352c0%2026.496%2010.784%2050.56%2028.128%2067.872s41.376%2028.128%2
067.872%2028.128h352c26.496%200%2050.56-10.784%2067.872-28.128s28.128-
41.376%2028.128-67.872v-192c0-17.664-14.336-32-32-32s-32%2014.336-
32%2032zM342.624%20470.624l297.376-
297.376v114.752c0%2017.664%2014.336%2032%2032%2032s32-14.336%2032-32v-192c0-4.352-
0.864-8.48-2.432-12.256s-3.872-7.296-6.912-10.336c-0.032-0.032-0.032-0.032-0.064-
0.064-2.944-2.944-6.464-5.312-10.336-6.912-3.776-1.568-7.904-2.432-12.256-2.432h-
192c-17.664%200-32%2014.336-32%2032s14.336%2032%2032%2032h114.752l-
297.376%20297.376c-12.512%2012.512-
12.512%2032.768%200%2045.248s32.768%2012.512%2045.248%200z%22%3E%3C%2Fpath%3E%3C
%2Fsvg%3E');
/*https://media.theresanaiforthat.com/assets/star-full.svg?v=1*/
--svg-star-full: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416%22%20height%3D%22448%22%20viewBox
%3D%220%200%20416%20448%22%3E%3Cpath%20fill%3D%22%23737586%22%20d%3D
%22M416%20161.75c0%204.5-3.25%208.75-6.5%2012l-
90.75%2088.5%2021.5%20125c0.25%201.75%200.25%203.25%200.25%205%200%206.5-3%2012.5-
10.25%2012.5-3.5%200-7-1.25-10-3l-112.25-59-112.25%2059c-3.25%201.75-6.5%203-
10%203-7.25%200-10.5-6-10.5-12.5%200-1.75%200.25-3.25%200.5-5l21.5-125-91-88.5c-3-
3.25-6.25-7.5-6.25-12%200-7.5%207.75-10.5%2014-11.5l125.5-18.25%2056.25-
113.75c2.25-4.75%206.5-10.25%2012.25-
10.25s10%205.5%2012.25%2010.25l56.25%20113.75%20125.5%2018.25c6%201%2014%204%2014%2
011.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
/*https://media.theresanaiforthat.com/assets/save-thick.svg?v=3*/
--svg-save-thick: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath
%20fill%3D%22%238b8c98%22%20stroke%3D%22%238b8c98%22%20stroke-width%3D%2216%22%20d
%3D
%22M415.909%20128h192.182c52.977%200%2095.909%2042.853%2095.909%2095.715v672.285l-
192-192-192%20192v-672.285c0-52.778%2042.94-95.715%2095.909-95.715zM415.988%20160c-
35.339%200-63.988%2028.749-63.988%2063.806v595.393l160-160%20160%20160v-595.393c0-
35.239-28.398-63.806-63.988-63.806h-192.025z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
/*https://media.theresanaiforthat.com/assets/saved-red-2.svg*/
--svg-saved-red-2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath
%20fill%3D%22%23f43434%22%20d%3D%22M415.909%20128c-52.969%200-95.909%2042.937-
95.909%2095.715v672.285l192-192%20192%20192v-672.285c0-52.862-42.932-95.715-95.909-
95.715h-192.182z%22%2F%3E%3C%2Fsvg%3E');
/*https://media.theresanaiforthat.com/assets/saved-white-2.svg*/
--svg-saved-white-2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http
%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath
%20fill%3D%22%23fff%22%20d%3D%22M415.909%20128c-52.969%200-95.909%2042.937-
95.909%2095.715v672.285l192-192%20192%20192v-672.285c0-52.862-42.932-95.715-95.909-
95.715h-192.182z%22%2F%3E%3C%2Fsvg%3E');
--svg-subscribed: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill
%3D%22%23f9c74f%22%20d%3D%22M16%2013c-1.657%200-3-1.343-3-3v-4.455c0-2.199-1.718-
4.033-4-4.454v-1.091h-2v1.091c-2.282%200.421-4%202.255-4%204.454v4.455c0%201.657-
1.343%203-3%203v1h6.712c-0.081%200.178-0.127%200.377-
0.127%200.586%200%200.781%200.633%201.414%201.414%201.414s1.414-0.633%201.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
--svg-followed: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath
%20stroke%3D%22%23f9c74f%22%20strokeWidth%3D%221.3px%22%20fill%3D%22transparent
%22%20%20d%3D%22M16%2013c-1.657%200-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-
4.454v-1.091h-2v1.091c-2.282%200.421-4%202.255-4%204.454v4.455c0%201.657-1.343%203-
3%203v1h6.712c-0.081%200.178-0.127%200.377-
0.127%200.586%200%200.781%200.633%201.414%201.414%201.414s1.414-0.633%201.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
--svg-thumbs-down: url('https://media.theresanaiforthat.com/assets/thumbs-
down.svg');
--svg-thumbs-down-hover:
url('https://media.theresanaiforthat.com/assets/thumbs-down-hover.svg');
--svg-thumbs-up: url('https://media.theresanaiforthat.com/assets/thumbs-
up.svg');
--svg-thumbs-up-hover:
url('https://media.theresanaiforthat.com/assets/thumbs-up-hover.svg');
--svg-arrow: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D
%220%200%20768%20768%22%20xmlns%3D%22https%3A%2F%2Fptop.only.wip.la%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%3E
%3Cpath%20fill%3D%22%23727586%22%20d%3D%22M%20531%20274.5%20L%20576%20319.5%20L
%20384%20511.5%20L%20192%20319.5%20L%20237%20274.5%20L%20384%20421.5%20L
%20531%20274.5%20Z%22%20transform%3D%22matrix(0%2C%20-1%2C%201%2C%200%2C%20-9%2C
%20777.000018)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
--svg-arrow-white: url('data:image/svg+xml;utf8,%3Csvg%20viewBox%3D
%220%200%20768%20768%22%20xmlns%3D%22https%3A%2F%2Fptop.only.wip.la%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%3E
%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%20531%20274.5%20L%20576%20319.5%20L
%20384%20511.5%20L%20192%20319.5%20L%20237%20274.5%20L%20384%20421.5%20L
%20531%20274.5%20Z%22%20transform%3D%22matrix(0%2C%20-1%2C%201%2C%200%2C%20-9%2C
%20777.000018)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
/*taaft free pricing models*/
--svg-freeonly: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 36 36"%3E
%3Cpath fill="none" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4
0 0 1 4 4z"/%3E%3Cpath fill="%23c8c9d3" d="M1.836 12.585c0-.738.504-1.404 1.405-
1.404H7.85c.792 0 1.206.612 1.206 1.242c0 .612-.396 1.243-1.206
1.243H4.538v2.629h2.791c.864 0 1.296.612 1.296 1.224c0 .631-.432 1.261-1.296
1.261H4.538v3.925c0 .9-.576 1.405-1.351 1.405c-.774 0-1.351-.505-1.351-1.405zm7.992
0c0-.864.486-1.404 1.387-1.404h3.169c2.773 0 4.483 1.242 4.483 4.069c0 1.981-1.495
3.115-3.331 3.403l3.061 3.277c.252.269.36.54.36.792c0 .702-.558 1.387-1.351
1.387c-.324 0-.756-.126-1.044-.469l-3.998-4.843h-.036v3.906c0 .9-.576 1.405-1.351
1.405c-.774 0-1.351-.505-1.351-1.405V12.585zm2.701 4.267h1.854c.99 0 1.674-.594
1.674-1.603c0-1.026-.684-1.584-1.674-1.584h-1.854zm6.948-4.105c0-.9.449-1.566
1.404-1.566h4.465c.865 0 1.279.612 1.279 1.242c0 .612-.434 1.243-1.279 1.243h-
3.168v2.629h2.952c.882 0 1.313.612 1.313 1.242c0 .612-.449 1.242-1.313 1.242h-
2.952v2.737h3.33c.865 0 1.279.611 1.279 1.242c0 .612-.434 1.242-1.279 1.242h-
4.644c-.793 0-1.387-.54-1.387-1.351zm7.974 0c0-.9.449-1.566 1.404-1.566h4.465c.863
0 1.277.612 1.277 1.242c0 .612-.432 1.243-1.277 1.243h-3.17v2.629h2.953c.883 0
1.314.612 1.314 1.242c0 .612-.449 1.242-1.314 1.242H30.15v2.737h3.332c.863 0
1.277.611 1.277 1.242c0 .612-.432 1.242-1.277 1.242h-4.646c-.791 0-1.385-.54-1.385-
1.351z"/%3E%3C/svg%3E');
--svg-freemium: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 48 48"%3E
%3Cg fill="none"%3E%3Cpath d="M0 0h48v48H0z"/%3E%3Cpath fill="%23c8c9d3" fill-
rule="evenodd" d="M24.039 6c-4.517 0-8.632 1.492-11.067
2.711q-.33.165-.616.322c-.378.206-.7.398-.956.567l2.77 4.078l1.304.519c5.096 2.571
11.93 2.571 17.027 0l1.48-.768L36.6 9.6a16 16 0 0 0-1.689-.957C32.488 7.437 28.471
6 24.04 6m-6.442 4.616a25 25 0 0 1-2.901-.728C16.978 8.875 20.377 7.8 24.04
7.8c2.537 0 4.936.516 6.92 1.17c-2.325.327-4.806.882-7.17 1.565c-1.86.538-4.034.48-
6.192.081m15.96 5.064l-.246.124c-5.606 2.828-13.042 2.828-18.648 0l-.233-.118C6.008
24.927-.422 41.997 24.039 41.997S41.913 24.61 33.557 15.68M23 24a2 2 0 1 0 0 4zm2-
2v-1h-2v1a4 4 0 0 0 0 8v4c-.87 0-1.611-.555-1.887-1.333a1 1 0 1 0-1.885.666A4 4 0 0
0 23 36v1h2v-1a4 4 0 0 0 0-8v-4c.87 0 1.611.555 1.887 1.333a1 1 0 1 0 1.885-.666A4
4 0 0 0 25 22m0 8v4a2 2 0 1 0 0-4" clip-rule="evenodd"/%3E%3C/g%3E%3C/svg%3E');
--svg-trial: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"%3E
%3Cpath fill="%23c8c9d3" d="M5 8h14V6H5zm0 0V6zm0 14q-.825 0-1.412-.587T3
20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21
6v5.675q-.475-.225-.975-.375T19 11.075V10H5v10h6.3q.175.55.413 1.05t.562.95zm13 1q-
2.075 0-3.537-1.463T13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18
23m1.675-2.625l.7-.7L18.5 17.8V15h-1v3.2z"/%3E%3C/svg%3E');
--svg-freeonly-white: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 36 36"%3E
%3Cpath fill="none" d="M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4
0 0 1 4 4z"/%3E%3Cpath fill="%23ffffff" d="M1.836 12.585c0-.738.504-1.404 1.405-
1.404H7.85c.792 0 1.206.612 1.206 1.242c0 .612-.396 1.243-1.206
1.243H4.538v2.629h2.791c.864 0 1.296.612 1.296 1.224c0 .631-.432 1.261-1.296
1.261H4.538v3.925c0 .9-.576 1.405-1.351 1.405c-.774 0-1.351-.505-1.351-1.405zm7.992
0c0-.864.486-1.404 1.387-1.404h3.169c2.773 0 4.483 1.242 4.483 4.069c0 1.981-1.495
3.115-3.331 3.403l3.061 3.277c.252.269.36.54.36.792c0 .702-.558 1.387-1.351
1.387c-.324 0-.756-.126-1.044-.469l-3.998-4.843h-.036v3.906c0 .9-.576 1.405-1.351
1.405c-.774 0-1.351-.505-1.351-1.405V12.585zm2.701 4.267h1.854c.99 0 1.674-.594
1.674-1.603c0-1.026-.684-1.584-1.674-1.584h-1.854zm6.948-4.105c0-.9.449-1.566
1.404-1.566h4.465c.865 0 1.279.612 1.279 1.242c0 .612-.434 1.243-1.279 1.243h-
3.168v2.629h2.952c.882 0 1.313.612 1.313 1.242c0 .612-.449 1.242-1.313 1.242h-
2.952v2.737h3.33c.865 0 1.279.611 1.279 1.242c0 .612-.434 1.242-1.279 1.242h-
4.644c-.793 0-1.387-.54-1.387-1.351zm7.974 0c0-.9.449-1.566 1.404-1.566h4.465c.863
0 1.277.612 1.277 1.242c0 .612-.432 1.243-1.277 1.243h-3.17v2.629h2.953c.883 0
1.314.612 1.314 1.242c0 .612-.449 1.242-1.314 1.242H30.15v2.737h3.332c.863 0
1.277.611 1.277 1.242c0 .612-.432 1.242-1.277 1.242h-4.646c-.791 0-1.385-.54-1.385-
1.351z"/%3E%3C/svg%3E');
--svg-freemium-white: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 48 48"%3E
%3Cg fill="none"%3E%3Cpath d="M0 0h48v48H0z"/%3E%3Cpath fill="%23ffffff" fill-
rule="evenodd" d="M24.039 6c-4.517 0-8.632 1.492-11.067
2.711q-.33.165-.616.322c-.378.206-.7.398-.956.567l2.77 4.078l1.304.519c5.096 2.571
11.93 2.571 17.027 0l1.48-.768L36.6 9.6a16 16 0 0 0-1.689-.957C32.488 7.437 28.471
6 24.04 6m-6.442 4.616a25 25 0 0 1-2.901-.728C16.978 8.875 20.377 7.8 24.04
7.8c2.537 0 4.936.516 6.92 1.17c-2.325.327-4.806.882-7.17 1.565c-1.86.538-4.034.48-
6.192.081m15.96 5.064l-.246.124c-5.606 2.828-13.042 2.828-18.648 0l-.233-.118C6.008
24.927-.422 41.997 24.039 41.997S41.913 24.61 33.557 15.68M23 24a2 2 0 1 0 0 4zm2-
2v-1h-2v1a4 4 0 0 0 0 8v4c-.87 0-1.611-.555-1.887-1.333a1 1 0 1 0-1.885.666A4 4 0 0
0 23 36v1h2v-1a4 4 0 0 0 0-8v-4c.87 0 1.611.555 1.887 1.333a1 1 0 1 0 1.885-.666A4
4 0 0 0 25 22m0 8v4a2 2 0 1 0 0-4" clip-rule="evenodd"/%3E%3C/g%3E%3C/svg%3E');
--svg-trial-white: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"%3E
%3Cpath fill="%23ffffff" d="M5 8h14V6H5zm0 0V6zm0 14q-.825 0-1.412-.587T3
20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21
6v5.675q-.475-.225-.975-.375T19 11.075V10H5v10h6.3q.175.55.413 1.05t.562.95zm13 1q-
2.075 0-3.537-1.463T13 18t1.463-3.537T18 13t3.538 1.463T23 18t-1.463 3.538T18
23m1.675-2.625l.7-.7L18.5 17.8V15h-1v3.2z"/%3E%3C/svg%3E');
--svg-three-dots: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"%3E
%3Cpath fill="%23ffffff" d="M9.5 13a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m0-5a1.5 1.5
0 1 1-3 0a1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/%3E%3C/svg
%3E');
--svg-report: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23ffffff" fill-rule="evenodd" d="m21.268 21.053l-18.536.001a1 1 0 0
1-.866-1.5L11.132 3.5a1 1 0 0 1 1.732 0l9.27 16.053a1 1 0 0 1-.866 1.5M11.248
9.545l.116 5.666h1.272l.117-5.666zm.75 8.572c.48
0 .855-.369.855-.832s-.375-.826-.856-.826a.83.83 0 0
0-.85.826c0 .463.375.832.85.832z"/%3E%3C/svg%3E');
--svg-report-red: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23c84343" fill-rule="evenodd" d="m21.268 21.053l-18.536.001a1 1 0 0
1-.866-1.5L11.132 3.5a1 1 0 0 1 1.732 0l9.27 16.053a1 1 0 0 1-.866 1.5M11.248
9.545l.116 5.666h1.272l.117-5.666zm.75 8.572c.48
0 .855-.369.855-.832s-.375-.826-.856-.826a.83.83 0 0
0-.85.826c0 .463.375.832.85.832z"/%3E%3C/svg%3E');
--svg-hide-eye-ccc: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23cccccc" d="M8.073 12.194L4.212 8.333c-1.52 1.657-2.096 3.317-2.106
3.351L2 12l.105.316C2.127 12.383 4.421 19 12.054 19c.929 0 1.775-.102 2.552-.273l-
2.746-2.746a3.987 3.987 0 0 1-3.787-3.787M12.054 5c-1.855 0-3.375.404-
4.642.998L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-3.298-3.298c2.638-1.953 3.579-
4.637 3.593-4.679l.105-.316l-.105-.316C21.98 11.617 19.687 5 12.054 5m1.906
7.546c.187-.677.028-1.439-.492-1.96s-1.283-.679-1.96-.492L10 8.586A3.96 3.96 0 0 1
12.054 8c2.206 0 4 1.794 4 4a3.94 3.94 0 0 1-.587 2.053z"/%3E%3C/svg%3E');
--svg-hide-eye-fff: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23ffffff" d="M8.073 12.194L4.212 8.333c-1.52 1.657-2.096 3.317-2.106
3.351L2 12l.105.316C2.127 12.383 4.421 19 12.054 19c.929 0 1.775-.102 2.552-.273l-
2.746-2.746a3.987 3.987 0 0 1-3.787-3.787M12.054 5c-1.855 0-3.375.404-
4.642.998L3.707 2.293L2.293 3.707l18 18l1.414-1.414l-3.298-3.298c2.638-1.953 3.579-
4.637 3.593-4.679l.105-.316l-.105-.316C21.98 11.617 19.687 5 12.054 5m1.906
7.546c.187-.677.028-1.439-.492-1.96s-1.283-.679-1.96-.492L10 8.586A3.96 3.96 0 0 1
12.054 8c2.206 0 4 1.794 4 4a3.94 3.94 0 0 1-.587 2.053z"/%3E%3C/svg%3E');
--svg-delete-ccc: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23cccccc" d="m9.4 16.5l2.6-2.6l2.6 2.6l1.4-1.4l-2.6-2.6L16 9.9l-1.4-
1.4l-2.6 2.6l-2.6-2.6L8 9.9l2.6 2.6L8 15.1zM7 21q-.825 0-1.412-.587T5
19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21z"/%3E%3C/svg%3E');
--svg-delete-red: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23c84343" d="m9.4 16.5l2.6-2.6l2.6 2.6l1.4-1.4l-2.6-2.6L16 9.9l-1.4-
1.4l-2.6 2.6l-2.6-2.6L8 9.9l2.6 2.6L8 15.1zM7 21q-.825 0-1.412-.587T5
19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21z"/%3E%3C/svg%3E');
--svg-zoom-in: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath d="M24 0v24H0V0zM12.593
23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004
.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-
.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.01
1l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.
019-.02-.022m-.715.002a.02.02 0 0
0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.
011l.017-.43l-.003-.012l-.01-.01z"/%3E%3Cpath fill="%23ffffff" d="M10.5 2a8.5 8.5 0
1 0 5.262 15.176l3.652 3.652a1 1 0 0 0 1.414-1.414l-3.652-3.652A8.5 8.5 0 0 0 10.5
2M6 10.5a1 1 0 0 1 1-1h2.5V7a1 1 0 0 1 2 0v2.5H14a1 1 0 1 1 0 2h-2.5V14a1 1 0 1 1-2
0v-2.5H7a1 1 0 0 1-1-1"/%3E%3C/g%3E%3C/svg%3E');
--svg-space-between-horizontally: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 15 15"%3E
%3Cpath fill="%23ffffff" fill-rule="evenodd" d="M14.5 1a.5.5 0 0 0-.5.5V6h-4a1 1 0
0 0-1 1v1a1 1 0 0 0 1 1h4v4.5a.5.5 0 1 0 1 0v-12a.5.5 0 0 0-.5-.5M5 6H1V1.5a.5.5 0
0 0-1 0v12a.5.5 0 0 0 1 0V9h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1"
clip-rule="evenodd"/%3E%3C/svg%3E');
--svg-share: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23ffffff" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91
12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81c1.66 0 3-
1.34 3-3s-1.34-3-3-3s-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-
1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12
4.16c-.05.21-.08.43-.08.65c0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92s-1.31-
2.92-2.92-2.92"/%3E%3C/svg%3E');
--svg-edit-ccc: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23cccccc" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5
3h8.925l-2 2H5v14h14v-6.95l2-2V19q0 .825-.587 1.413T19 21zm4-6v-4.25l9.175-
9.175q.3-.3.675-.45t.75-.15q.4 0 .763.15t.662.45L22.425 3q.275.3.425.663T23
4.4t-.137.738t-.438.662L13.25 15zM21.025 4.4l-1.4-1.4zM11 13h1.4l5.8-
5.8l-.7-.7l-.725-.7L11 11.575zm6.5-6.5l-.725-.7zl.7.7z"/%3E%3C/svg%3E');
--svg-edit-fff: url('data:image/svg+xml;utf8,%3Csvg
xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"%3E
%3Cpath fill="%23ffffff" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5
3h8.925l-2 2H5v14h14v-6.95l2-2V19q0 .825-.587 1.413T19 21zm4-6v-4.25l9.175-
9.175q.3-.3.675-.45t.75-.15q.4 0 .763.15t.662.45L22.425 3q.275.3.425.663T23
4.4t-.137.738t-.438.662L13.25 15zM21.025 4.4l-1.4-1.4zM11 13h1.4l5.8-
5.8l-.7-.7l-.725-.7L11 11.575zm6.5-6.5l-.725-.7zl.7.7z"/%3E%3C/svg%3E');
}
/*Style scrollbars*/
/* Webkit browsers (Chrome, Safari, newer versions of Edge) */
::-webkit-scrollbar {
width: 12px; /* width of the entire scrollbar */
}
::-webkit-scrollbar-track {
background: var(--color-dark-3); /* color of the tracking area */
}
::-webkit-scrollbar-thumb {
background-color: var(--color-medium-6); /* color of the scroll thumb */
border-radius: 6px; /* roundness of the scroll thumb */
border: 3px solid var(--color-dark-3); /* creates padding around scroll
thumb */
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--color-medium-7); /* color of the scroll thumb on
hover */
}
/* Firefox */
* {
scrollbar-width: thin; /* "auto" or "thin" */
scrollbar-color: var(--color-medium-6) var(--color-dark-3); /* thumb and
track color */
}
#ctrl a#logo_icon_href{
background: none;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
}
#logo_icon_href img{
width: 25px;
height: 25px;
}
label.switch input {
opacity: 0;
width: 0;
height: 0;
}
label.switch .slider {
position: absolute;
cursor: pointer;
background-color: #ccc;
transition: .4s;
border-radius: 34px;
display: block;
width: 34px;
height: 18px;
right: 6px;
top: 50%;
transform: translateY(-50%);
box-shadow: 0 0 1px 1px var(--color-light);
}
label.switch .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 1px;
bottom: 1px;
background-color: white;
transition: .4s;
border-radius: 50%;
}
label.switch + .switch-label {
margin-left: 10px;
vertical-align: super;
padding: 0 10px;
}
/* switch input end */
#search_suggestions .s_suggestion.active::after{
content: '→';
position: absolute;
width: 15px;
height: 15px;
right: 8px;
top: 9px;
background: var(--color-light-2);
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--color-medium-3);
}
#search_suggestions .s_search.active::after{
top: 12px;
}
#search_suggestions .s_suggestion.active .related_icons{
display: none;
}
#search_suggestions .s_search img{
width: 19px;
height: auto;
margin: 0 0 0 4px;
top: 1px;
position: relative;
}
#search_suggestions .ss_stats{
bottom: -2px;
right: -3px;
position: absolute;
font-size: 11px;
background: none;
display: flex;
align-items: center;
}
#search_suggestions .impact_value{
padding: 3px 5px;
}
#search_suggestions .s_suggestion.active{
background: #3d4357;
}
#search_suggestions .s_suggestion .corner_icon{
width: 18px;
height: 18px;
top: 50%;
bottom: auto;
left: 13px;
}
#search_suggestions .s_suggestion .corner_icon.tool{
background-size: 70%;
border-radius: 50% 50% 0;
}
#search_suggestions .s_suggestion .corner_icon.tool:after{
width: 21px;
right: -20px;
font-size: 8px;
}
#search_suggestions .s_job img{
width: 28px;
height: 28px;
margin: 0 -2px 0 18px;
object-fit: cover;
border-radius: 50%;
}
.ss_header{
text-align: left;
background: #21232e;
font-size: 13px;
padding: 5px 14px;
box-shadow: 0 6px 6px 0 #0000005e;
margin-bottom: 6px;
}
.ss_header img{
width: 12px;
height: 12px;
margin-right: 6px;
position: relative;
top: 1px;
}
#main{
transition: transform 0.2s ease-in;
}
#main.bottom{
transform: translate3d(0, 47vh, 0);
}
#switch.position-relative{
position: relative;
top: 0;
}
.scroll_margin{
scroll-margin: 60px;
}
#share_modal i,
#just_created_modal i{
margin-right: 7px;
}
#share_modal,
#just_created_modal{
z-index: 20;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
background: #2a2b35;
box-sizing: border-box;
border-radius: var(--border-radius-large);
box-shadow: 0 0 8px 0 #1e1f25ab;
width: 275px;
}
#share_modal a,
#just_created_modal a,
#share_modal #share_copy_link,
#just_created_modal #tool_share_copy_link{
padding: 16px 0;
width: 100%;
text-align: center;
background: #25252c;
box-shadow: 0 0 4px 0 #00000055;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
#share_modal a:hover,
#just_created_modal a:hover,
#share_modal #share_copy_link:hover,
#just_created_modal #tool_share_copy_link:hover{
background: #2a2b35;
}
#share_modal a svg,
#just_created_modal a svg,
#share_modal #share_copy_link svg,
#just_created_modal #tool_share_copy_link svg{
width: 17px;
}
#share_modal .preview,
#just_created_modal .preview{
background: var(--color-dark);
border-radius: var(--border-radius-large);
color: var(--color-medium);
width: 100%;
height: auto;
padding: 4px 0;
}
#share_modal #share_text,
#just_created_modal #share_title{
font-size: 19px;
padding: 11px;
box-sizing: border-box;
position: relative;
display: block;
color: #fff;
text-align: center;
font-weight: 600;
}
#share_modal picture > *,
#just_created_modal picture > *{
width: 42px;
height: 42px;
border-radius: var(--border-radius-large);
object-fit: cover;
position: relative;
top: 2px;
}
#faq h4{
margin: 35px 0 22px;
}
.faq-info{
background: var(--color-medium-11);
border-radius: var(--border-radius-large);
overflow: hidden;
margin: 10px 0;
}
.faq-info-title{
background: var(--color-medium-11);
padding: 20px;
cursor: pointer;
box-shadow: 0 0 4px 0 #00000066;
}
.faq-info-description.invisible{
display: block;
}
.faq-info-description{
display: flex;
gap: 10px;
flex-direction: column;
align-items: flex-start;
padding: 20px;
transition: padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out,
opacity 0.2s ease-in-out;
}
.faq-info-description a{
color: var(--color-chrome);
text-decoration: underline;
}
.faq-info-description a.user_card{
color: var(--color-light);
text-decoration: none;
}
.faq-info-description .faq_author{
display: flex;
align-items: center;
}
.faq-info.ask_question{
background: var(--color-medium-12);
}
.faq-info.ask_question .faq-info-title{
background: var(--color-medium-12);
font-size: 18px;
font-weight: 500;
}
.faq-info.ask_question .faq-info-ask-textarea-wrap{
padding: 10px 20px 0;
}
.faq-info.ask_question .faq-info-ask-textarea-wrap textarea{
width: 100%;
max-width: calc(100% - 20px);
}
.faq-info.ask_question .ask_question_submit{
margin-left: 20px;
margin-bottom: 20px;
color: var(--color-light);
background: linear-gradient(5deg, #1d1d26, #27272b);
box-shadow: 0 0 4px 0 #00000066;
}
.faq-info.ask_question .success_message{
margin: 20px 0 31px;
}
#go_top_btn{
position: fixed;
right: 16px;
bottom: 16px;
display: flex;
border-radius: 50%;
background: var(--color-light-2);
color: white;
width: var(--floating-button-size);
height: var(--floating-button-size);
align-items: center;
justify-content: center;
box-shadow: 0 0 10px 0 var(--color-dark-2);
animation: fadeIn 0.4s ease-in-out;
z-index: 13;
}
#go_top_btn * {
pointer-events: none;
}
#go_top_btn.up_1{
bottom: 82px;
}
#go_top_btn:hover {
background: var(--color-medium);
}
#newsletter_modal .modal_inner{
width: 100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.footer-embed-row{
max-width: 87vw;
width: 800px;
margin: 40px auto;
}
.footer-embed-row p{
margin-top: 10px;
margin-bottom: 25px;
font-size: 27px;
font-weight: bold;
color: var(--color-light);
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
/** --- style-new.css end --- **/
body{
background: #343541;
color: var(--color-light);
margin: 0;
overflow-x: hidden;
font-family: var(--font-family);
}
@media(prefers-color-scheme: dark) {
body{
background-color: #343541!important;
color: var(--color-light)!important;
}
}
body.noscroll{
overflow: hidden;
}
body.noscroll::-webkit-scrollbar {
display: none;
}
.w-100{
width: 100%;
}
#header{
position: fixed;
width: 100%;
top: 0;
z-index: 0;
padding-top: 76px;
}
#header_spacer{
height: calc(430px + var(--announcement-height));
width: 100%;
z-index: 0;
}
#headerbtns {
margin-top: 20px;
display: flex;
justify-content: center;
}
#made_in{
position: absolute;
top: -20px;
right: -2px;
display: flex;
font-size: 11px;
}
.ro_flag{
font-size: 17px;
position: relative;
top: -4px;
margin: 0 3px 0 4px;
}
a#announcement,
#announcement,
.confirm_email{
color: #fff;
position: absolute;
top: var(--ctrl-height);
left: 0;
width: 100%;
text-align: center;
background: var(--color-dark-2);
background-image: linear-gradient(45deg, #f44336, transparent);
/*background: linear-gradient(300deg,#f44336,#ce3e64,#953ece);*/
background-size: 180% 180%;
/*animation: gradient-animation 6s ease infinite;*/
padding: 6px 4px;
font-size: 14px;
font-weight: 500;
box-sizing: border-box;
z-index: 12;
font-family: var(--font-family);
}
#announcement.celebration{
background: linear-gradient(300deg,#f44336,#ce3e64,#953ece);
background-size: 180% 180%;
animation: gradient-animation 6s ease infinite;
}
.confirm_email{
padding: 20px 10px;
position: fixed;
z-index: 2;
}
.topnav{
display: flex;
box-sizing: border-box;
padding: 0 20px;
background: #3c3c4a;
box-shadow: 0 1px 3px 0 #00000055;
position: relative;
z-index: 9;
}
.topnav > *{
padding: 20px;
}
.logo.logo_top_left{
width: 235px;
height: auto;
padding: 20px;
}
.logo.logo_top_left::before,
.logo.logo_top_left::after{
display: none;
}
.logo.logo_top_left img{
position: relative;
}
.cursor-pointer{
cursor: pointer;
}
.header_row{
display: flex;
align-items: center;
justify-content: space-between;
}
.header_row .right{
align-items: center;
display: flex;
gap: 7px;
}
.header_row .save_ai{
padding: 0;
margin: 0;
background-image: var(--svg-saved-white-2);
background-position-x: 5px;
background-size: 65%;
}
.header_row .save_ai.saved{
background-image: var(--svg-saved-red-2);
}
.header_row .share_ai::before{
background: none;
margin-right: 0;
top: auto;
width: auto;
height: auto;
}
.header_row .share_ai{
padding: 6px 15px;
width: 55px;
}
body.simple {
padding-top: 0;
}
body.simple .switch_wrap,
body.simple #footer,
body.simple #author,
body.simple #header,
body.simple #header_spacer,
body.simple #sidebar_right,
body.simple #submit{
display: none;
}
body.simple #main{
box-shadow: none;
justify-content: flex-start;
min-height: 100vh;
}
body.simple #announcement,
body.simple #go_top_btn
{
display: none;
}
body.simple .breadcrumbs{
top: var(--ctrl-height);
position: relative;
margin: 20px auto 29px 3px;
}
.ai_top_link,
div.ai_top_link{
border: 1px solid #4c5462;
color: var(--color-light);
border-radius: var(--border-radius-large);
box-sizing: border-box;
padding: 6px 19px;
font-size: 23px;
background: #3e3f4f;
box-shadow: 0 0 1px 0 #00000054;
height: 41px;
margin: 0;
display: flex!important;
align-items: center;
justify-content: center;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.header_row .ai_options:hover{
border: 1px solid #4c5462;
border-radius: var(--border-radius-large);
}
#ai_options_modal .ai_options {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0 0;
}
#ai_options_modal .ai_options .report {
padding: 8px 10px;
background-image: var(--svg-report);
background-repeat: no-repeat;
background-size: 20px;
background-position: calc(100% - 10px) center;
border: 1px solid var(--color-medium-12);
border-radius: var(--border-radius-small);
font-size: 13px;
color: var(--color-medium-8);
cursor: pointer;
}
#ai_options_modal .ai_options .report * {
pointer-events: none;
}
#ai_options_modal .ai_options .follow_wrapper {
padding-right: 24px;
}
#ai_options_modal .ai_options .follow_wrapper:hover {
border-color: var(--color-chrome);
}
#ai_options_modal .ai_options .follow_wrapper .follow
+ .follow_with_notifications {
right: 12px;
}
#ai_options_modal .ai_options .report:hover {
border-color: var(--color-red);
}
.ai_top_link:hover{
background: #92adf533;
}
.swing-in-top-fwd {
-webkit-animation: swing-in-top-fwd 1.5s cubic-bezier(0.175, 0.885, 0.320,
1.275) both;
animation: swing-in-top-fwd 1.5s cubic-bezier(0.175, 0.885, 0.320, 1.275)
both;
}
#sidebar_left_ais > h2 > em {
position: relative;
}
#menu{
background: #343541;
z-index: 11;
display: block;
position: fixed;
margin-top: 0;
top: 38px;
left: 0;
height: calc(100% - 38px);
box-shadow: 2px 0 3px 0 #0000001f;
box-sizing: border-box;
transition: all 0.2s ease-in-out;
width: 58px;
overflow-y: auto;
overflow-x: hidden;
}
#menu.swiped_up {
top: 0;
height: 100%;
}
body.expanded_menu #menu, #menu:hover {
width: 262px;
}
#menu .menu_inner{
display: block;
flex-direction: column;
align-items: center;
padding: 25px 8px 50px;
width: 262px;
min-width: 262px;
}
#menu_collapsed_toggle{
display: none; /* we don't need it on desktop */
border: 6px solid transparent;
color: var(--color-light);
border-radius: 50% 50%;
cursor: pointer;
position: fixed;
z-index: 16;
top: 5px;
left: 12px;
width: 38px;
height: 38px;
}
body.expanded_menu #menu_collapsed_toggle {
color: var(--color-blue-3);
}
body.expanded_menu #olay2,
body.ctrl_expanded_menu #olay2,
body.taaft_free_expanded_menu #olay2{
z-index: 10;
}
#menu_collapsed_toggle > svg {
width: 100%;
height: 100%;
pointer-events: none;
}
#switch_profile_menu {
position: absolute;
left: 0;
bottom: 0;
width: 262px;
z-index: 42;
}
.popup_menu {
position: absolute;
visibility: hidden;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 0;
width: 100%;
border-radius: 0;
color: var(--color-light);
font-size: 90%;
list-style: none;
box-sizing: border-box;
overflow: hidden;
padding: 0;
}
.popup_menu li{
background-color: var(--color-dark-0);
line-height: 30px;
padding: 0;
border-bottom: 1px solid var(--color-dark-2);
margin: 0;
}
.popup_menu li:hover{
background-color: var(--color-medium-12);
}
.popup_menu li a, .popup_menu li span{
text-decoration: none;
padding: 0 10px;
display: block;
cursor: pointer;
}
#switch_profile_menu a.menu_item {
background-color: var(--color-medium-6);
border-radius: 0;
gap: 7px;
padding-left: 16px;
width: 100%;
}
#switch_profile_menu a.menu_item > * {
pointer-events: none;
}
#switch_profile_menu a.menu_item .my_profile_picture,
#switch_profile_menu a.menu_item .my_profile_picture_placeholder,
#switch_saved a.tab .my_profile_picture {
width: 25px;
height: 25px;
border-radius: 50%;
}
#switch_saved .my_profile_picture,
#switch_saved .my_profile_picture_placeholder {
width: 30px;
height: 30px;
margin: 2px;
}
#switch_saved a.tab {
height: 100%;
box-sizing: border-box;
}
#switch_profile_menu .my_profile_label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#menu .external_ai_link{
top: -1px;
}
#header_boundary{
scroll-margin-top: var(--ctrl-height);
position: absolute;
height: 300px;
width: 100vw;
left: 0;
z-index: -1;
}
.menu_item{
display: flex;
height: 50px;
width: 100%;
justify-content: flex-start;
align-items: center;
gap: 10px;
box-sizing: border-box;
padding: 0 13px;
border-radius: 7px;
font-size: 16px;
color: #fff;
position: relative;
}
.menu_item:hover{
background: #41424d;
color: #fff;
}
.menu_item.active{
background: var(--color-dark-2);
color: #fff;
}
.menu_item svg,
.menu_item img{
width: 18px;
height: 18px;
fill: var(--color-icon-light);
}
.menu_item .fa{
color: var(--color-medium);
}
.menu_item:hover svg{
fill: #fff;
}
.menu_item .img{
/*background-image:
url("https://media.theresanaiforthat.com/assets/favicon-xl-color-medium.png");*/
background-image:
url("data:image/webp;base64,UklGRlIEAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSAwCAAANoGv
btmnban3MfW3bthHa9n22mdkvMiPbtm3btq2DveYYwcHanxAREwAgIuW9Zlz+VpjlUFBSVmw+ePXGZexed9
Gt/yWyogSKNSwzivbzD5x1xuUoKOsMZ7+ggseIk/ttrlOpoBcVABGN69rdlXIZEALcjMR/lDf/
bFQoctu6vRYe+MsXeAm5xd3rINo8fyhbKjdSqZZARdqJ0EfH/
5F4vc1tuFqnsHwunrir2jZxxYVSLoFVF06J5LxJOBHm8hLOyYRS3VtkBRFyWp+KFXjF7R3kEBCUDA4gFHqT
lKlpHj2GROgjFM0JREAoANaSE+JnAkQokR1QsiJEsBYBZBBuqSigbcfU8G8Blewa2guDUL+f5KpUc5dFS2b
0s9D/
nzxx55dJeTohgNGfhtE48MhNNNuuz9gFK+8/5l+b2owY9ZncjtoL3E1ABB0O3Lr5x+E0FYO+bxx4PZ4tGU0
lonHOIft3a6HH331uoGhjtFZtfOO/dR2aQMfqOVQ7UH7F10ObiJ4P/
kUbajjstVmi2clBTf94etTgUBNPtXnkt0d2NLZtYtSw2u7hvzlrl+HZRC0jd/
jgdOz7vfdZ1rVQyNSqcKzNo6dhbm+f/
P+1fcMADzUJSTIaTnjdrFBWm6f3WzXps3Ere5poKih+fOfhe0nuCuWcvrvmA3340sDxQ3t1smr9n999/
U0dUqUROVZQOCAgAgAA8AoAnQEqIAAgAD5RJI9Fo6IhFAQAOAUEtgBOl9BqJPWAegB+s3pk+xF+0noWIodT
M/7X6UGa95y/Vz4AP1L/
2nrAeZn7DX6qiAnyQMBl975W7z6RJVdJsuWBWDjb3F+AAP7vIJTzpnLV29tPPVoAHuV3RFHQq8//
jFdlybJdfAX4FMO9OG6f01bpC6JMXl/YYS5F8/
EMzfee9w39Nkz7K8kW0EAvLxfb2ehA3zHFWZ8sxTE3iZwJ773W/2tSyZs3zd6Fp6VgbdNT6/
HVyUWhQPKfm6w9+RhknR6RRnOm4HEKCMoRE/1TMwZYdw84D3ytPxi/KJkVAHf/
tBxWIhT1QPgUgBwR7xrkP7kqtz90mFbYGyAnJsQgOj61ux94dNzuClm69jy9f8Slp43gkyE4om/
qu3mzvj/pzRbvFzbaK+PmbElyh2PJP2ALk2fc+nhb9ifx//SMs/+IDzkebyG/
bDKG9wiKq6IhXhd8QDEFoTJSH2+4F33N7r2ZczA61ZQS7OZsjchG9xCgRvpBpdVFIjk6GJAgsO3ioz/
jR3l3YywOt7UQ8O1z6Kaf/ge2i/
JM7nUzwKcadr07Pt2FAUR8+P48f8ZNjWcLJsLf8DrdH3vPmP+l3+6z1/dsBwwn2Uy/4zD/
v6amrtneyWOqqHMKAOlfMhvM9tEr3i+RvlHf/3tBhP+oHWgFZubMTrlOjcz6H0izL/
8Zwf3+QPbnFXKgAA==");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 18px;
height: 18px;
}
.menu_item.active .img,
.menu_item:hover .img{
/*background-image:
url("https://media.theresanaiforthat.com/assets/favicon-xl-color-white.png");*/
background-image:
url("data:image/webp;base64,UklGRugCAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSAwCAAANoGv
btmnban3MfW3bthHa9n22mdkvMiPbtm3btq2DveYYwcHanxAREwAgIuW9Zlz+VpjlUFBSVmw+ePXGZexed9
Gt/yWyogSKNSwzivbzD5x1xuUoKOsMZ7+ggseIk/ttrlOpoBcVABGN69rdlXIZEALcjMR/lDf/
bFQoctu6vRYe+MsXeAm5xd3rINo8fyhbKjdSqZZARdqJ0EfH/
5F4vc1tuFqnsHwunrir2jZxxYVSLoFVF06J5LxJOBHm8hLOyYRS3VtkBRFyWp+KFXjF7R3kEBCUDA4gFHqT
lKlpHj2GROgjFM0JREAoANaSE+JnAkQokR1QsiJEsBYBZBBuqSigbcfU8G8Blewa2guDUL+f5KpUc5dFS2b
0s9D/
nzxx55dJeTohgNGfhtE48MhNNNuuz9gFK+8/5l+b2owY9ZncjtoL3E1ABB0O3Lr5x+E0FYO+bxx4PZ4tGU0
lonHOIft3a6HH331uoGhjtFZtfOO/dR2aQMfqOVQ7UH7F10ObiJ4P/
kUbajjstVmi2clBTf94etTgUBNPtXnkt0d2NLZtYtSw2u7hvzlrl+HZRC0jd/
jgdOz7vfdZ1rVQyNSqcKzNo6dhbm+f/
P+1fcMADzUJSTIaTnjdrFBWm6f3WzXps3Ere5poKih+fOfhe0nuCuWcvrvmA3340sDxQ3t1smr9n999/
U0dUqUROVZQOCC2AAAAMAUAnQEqIAAgAD5RII1EI6IhGAQAOAUEtIBmwhER8uMTR9WMhD+4vEBJM/
m+pcAOb+AA/v7JSIkv491/
oAzqmt0iBQFn7grTEjtH6TLLvEGQbWHi+v8sh2qZVEMxf29+21/+6P6adICW8k02qqgn4tIVL10pGtmX6fw
Mc82e3hILjIFt1BRSl7HsVRa7k6xOnPoHt7AdNjcwgU8Aq92Kg8Wn64t4hRr0XJEWBvlKRuw784buAAA=")
;
}
@keyframes scaleIcon {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
@keyframes pulsateIcon {
0% {
transform: scale(1);
}
50% {
transform: scale(1.07);
}
100% {
transform: scale(1);
}
}
@keyframes pulsateIconLarge {
0% {
transform: scale(1);
}
50% {
transform: scale(1.27);
}
100% {
transform: scale(1);
}
}
/* ----------------------------------------------
* Generated by Animista on 2023-4-11 1:54:44
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation swing-in-top-fwd
* ----------------------------------------
*/
@-webkit-keyframes swing-in-top-fwd {
0% {
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 1;
}
}
@keyframes swing-in-top-fwd {
0% {
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 1;
}
}
.gradient-background {
background: linear-gradient(300deg,#f44336,#ce3e64,#953ece);
background-size: 180% 180%;
animation: gradient-animation 6s ease infinite;
}
.flip{
transform: scaleX(-1);
display: inline-block;
}
@keyframes gradient-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#nav{
text-align: center;
/*margin: 76px auto 28px;*/
/*margin: 58px auto 20px;*/
margin: 41px auto 20px;
}
#nav.noevents{
pointer-events: none;
}
.noevents{
pointer-events: none;
}
.logo{
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: calc(9 / 320 * 100%);
/*padding-top: calc(9 / 188 * 100vh)*/
height: 0;
width: 71%;
max-width: 700px;
position: relative;
}
a.logo::before{
content: '*Also available at TAAFT.com';
position: absolute;
left: 0;
top: -20px;
font-size: 11px;
display: block;
line-height: 13px;
text-wrap: nowrap;
}
a.logo::after {
content: '*';
position: absolute;
top: -4px;
right: 1px;
}
/* Fix for positioning * on desktop */
@media screen and (min-width: 768px) {
a.logo::after {
right: -10px;
}
}
.logo picture,
.logo img,
.logo svg{
width: 100%;
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.logo img{
width: 100%;
}
/*.logo span{*/
/* font-size: 14px;*/
/* font-weight: bold;*/
/* margin: 13px 0;*/
/* display: none;*/
/*}*/
#live_searches_wrap{
display: none;
text-align: center;
font-size: 11px;
margin: -10px 0 10px;
color: var(--color-medium);
position: absolute;
top: -4px;
left: 0;
background: linear-gradient(45deg, #2e2f3b, #3d3f4f);
padding: 3px 7px;
border-radius: var(--border-radius-small);
z-index: 13;
box-shadow: 0 0 5px 0 #00000055;
transition: all 0.3s ease;
}
#live_searches_wrap.invisible{
transition: all 0.3s ease;
}
#live_searches{
display: inline-block;
font-weight: 500;
}
#topstats{
position: relative;
font-size: 14px;
margin: -7px 0 17px;
text-align: center;
line-height: 15px;
display: flex;
justify-content: center;
gap: 5px;
}
#tasks_icon_top{
width: 12px;
height: 12px;
margin: 0 3px 0 3px;
position: relative;
top: 1px;
display: inline;
}
.method{
font-size: 10px;
color: var(--color-medium);
position: absolute;
right: 15px;
top: 7px;
display: flex;
}
.method svg{
width: 14px;
fill: var(--color-medium);
margin-right: 1px;
}
.short_description{
text-align: center;
color: var(--color-light);
margin: 10px auto 30px;
font-size: 18px;
line-height: 28px;
max-width: 94%;
display: flex;
justify-content: center;
gap: 5px;
}
.short_description a{
/*text-decoration-thickness: 2px;*/
/*text-decoration: underline;*/
/*text-decoration-color: var(--highlight-2);*/
border-bottom: 2px solid var(--highlight-2);
color: #f8e0a6;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.desk_row{
transition: none;
display: flex;
flex-direction: row;
justify-content: center;
max-width: 100%;
padding-left: 60px;
}
#featured_tab{
position: relative;
color: var(--color-medium-13);
align-items: center;
}
#featured_tab.active{
color: #fff
}
#featured_tab:hover{
color: var(--color-light);
}
#sidebar_right{
order: 3;
display: none;
width: 350px;
min-width: 350px;
min-height: 100%;
position: relative;
/*background: linear-gradient(270deg, #0a071247, transparent);*/
}
#sidebar_right h2.desktop{
margin: 32px 0 31px 35px;
color: #c8c9d3;
}
#sidebar_right ul{
display: flex;
flex-direction: column;
width: 80%;
gap: var(--grid-gap);
}
#sidebar_right h3{
margin: 11px 0 9px;
font-size: 16px;
font-weight: 600;
}
#sidebar_right li{
/*margin: 8px 0;*/
background: none;
border: 1px solid #3a3b52;
/*height: 104px;*/
height: 110px;
}
#sidebar_right li.l{
margin: 21px 0;
}
#sidebar_right .checkbox{
background: url('https://media.theresanaiforthat.com/assets/star.svg');
background-size: cover;
width: 18px;
height: 18px;
box-shadow: none;
margin-top: 2px;
color: transparent;
}
#sidebar_right li.selected .checkbox{
background-image: url('https://media.theresanaiforthat.com/assets/star-
selected.svg');
}
#left_floating_links{
position: fixed;
z-index: 8;
left: 0;
top: 122px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
flex-direction: column;
gap: 12px 0;
}
#left_floating_links{
display: none;
}
#left_floating_links img{
width: 13px;
}
.left_floating_link{
background: #343541;
box-shadow: 0px 0 5px 0 #00000082;
padding: 16px 5px;
border-top-right-radius: var(--border-radius-large);
border-bottom-right-radius: var(--border-radius-large);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
#discord_link{
}
.get_featured{
margin-top: 10px;
display: flex;
justify-content: center;
}
.get_featured a{
padding: 3px 8px;
border-radius: var(--border-radius-small);
color: var(--color-medium-2);
font-size: 14px;
}
a.featured_symbol{
color: #8b8c98;
}
a.featured_symbol:hover{
color: #fff;
}
.featured_symbol::before,
.get_featured a::before{
content: "";
width: 12px;
height: 10px;
margin-right: 3px;
display: inline-block;
background-image:
url('https://media.theresanaiforthat.com/assets/star.svg');
background-size: cover;
}
.orange-text,
.ice-text{
color: var(--highlight-2);
letter-spacing: 1px;
font-weight: 500;
border-bottom: none;
}
.ice-text{
color: var(--color-ice);
}
.breadcrumbs{
max-width: 93%;
margin: 20px auto 20px 0;
color: var(--color-medium);
display: flex;
align-items: center;
}
.breadcrumbs a,
.breadcrumbs .breadcrumb{
color: var(--color-light-3);
align-items: center;
margin: 0 8px;
display: inline-block;
text-align: left;
}
.breadcrumbs a:first-child {
margin-left: 0px;
}
.breadcrumbs a:hover{
color: var(--color-light);
}
.breadcrumbs span{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumb span{
font-size: 11px;
margin: 0 0 0 3px;
top: -1px;
position: relative;
}
.breadcrumb_task{
/*width: min-content;*/
}
.breadcrumb .breadcrumb_counter{
font-size: 13px;
margin: 0 0 0 2px;
position: relative;
}
.breadcrumbs svg{
width: 19px;
height: auto;
fill: var(--color-light-3);
position: relative;
top: 2px;
}
.breadcrumbs svg:hover{
fill: var(--color-light);
}
.short_description a.orange-text{
border-bottom: none;
}
#dontshare{
display: block;
margin: 16px 0 -19px;
font-style: italic;
font-size: 16px;
}
#switch_saved_nav{
height: 50px;
display: flex;
overflow: hidden;
flex-direction: column;
box-shadow: 0 0 3px 0 #00000066;
background: linear-gradient(45deg, #2e2f3b, #3d3f4f);
border-radius: var(--border-radius-large);
box-sizing: border-box;
padding: 10px 20px;
justify-content: center;
}
#switch_saved_nav .headerbtn_saved {
top: 11px;
}
#switch_saved_nav .headerbtn_signup {
top: 0px;
}
#switch_saved_nav .signin_google_btn{
background: none;
padding: 0;
margin: 0;
color: inherit;
justify-content: flex-start;
align-items: center;
position: relative;
}
#switch_saved_nav .button-text{
/*transition: transform 0.2s ease-out, opacity 0.2s ease-out;*/
}
.my_saved_ais_text{
display: flex;
align-items: center;
justify-content: center;
}
.my_saved_ais_count{
height: 17px;
line-height: 17px;
min-width: 22px;
font-size: 10px;
position: absolute;
right: -5px;
box-sizing: border-box;
padding: 0 4px;
top: 50%;
transform: translateY(-50%);
box-shadow: inset 0 0 6px 0 #1c1d24;
border-radius: var(--border-radius-small);
}
#switch_saved_nav:hover{
background: #414355;
}
#switch_saved_nav img{
width: 8px;
height: 15px;
margin-right: 9px;
position: relative;
top: 1px;
}
#switch_saved_nav img.tasks_icon {
width: auto;
}
#switch_saved_nav span:first-child {
display: flex;
justify-content: space-around;
}
#switch_saved_nav span:first-child > span {
padding-right: 10px;
}
.stats{
display: flex;
align-items: center;
justify-content: space-between;
/*margin: 2px 0 7px;*/
margin: -3px 0 2px;
font-size: 14px;
}
.li.m .stats{
margin: 0;
font-size: 12px;
position: absolute;
bottom: 3px;
right: 0;
box-sizing: border-box;
padding: 0 14px 0 18px;
color: #8b8c98;
}
.li.m .ratings_count{
margin-left: 2px;
font-size: 10px;
}
.li.m .stats_left{
display: none;
}
.li.m .stats_right{
align-items: center;
}
.li.s,
.li.xs{
padding: 10px;
border-radius: var(--border-radius-small);
height: auto;
}
.li.xs{
padding: 7px;
}
.li.s .li_left_wrap,
.li.xs .li_left_wrap{
height: var(--icon-size-m);
width: var(--icon-size-m);
}
.li.s .li_left,
.li.xs .li_left{
min-width: var(--icon-size-m);
border-radius: var(--icon-border-radius-s);
}
.li.xs .li_row{
align-items: center;
}
.li.s .li_right,
.li.xs .li_right{
max-width: calc(100% - var(--icon-size-m) - 17px);
}
.li.xs .li_right{
top: -1px;
position: relative;
}
.li.s img,
.li.xs img{
height: var(--icon-size-m);
width: var(--icon-size-m);
border-radius: var(--icon-border-radius-s);
}
.li.s .ai_link,
.li.xs .ai_link{
font-size: 16px;
width: 100%;
}
.li.xs .ai_link{
display: flex;
align-items: center;
}
.li.s .task_label{
font-size: 12px;
}
.li.xs .task_label_wrap{
display: none;
}
.li.s .stats,
.li.xs .stats,
.li.s .available_starting,
.li.xs .available_starting,
.li.s .follow_wrapper,
.li.xs .follow_wrapper,
.li.s .corner_icon,
.li.xs .corner_icon{
display: none;
}
.stats:hover{
color: #fff;
}
.stats > span{
display: flex;
}
.stats > span > *{
display: flex;
align-items: center;
}
.stats_left > *{
margin-right: 8px;
}
.stats_right > *{
margin-left: 9px;
}
.stats .ratings{
margin-left: -5px;
}
.stats .saves::before{
content: "";
background-image: var(--svg-save-thick);
display: inline-block;
background-size: cover;
width: 14px;
height: 14px;
margin-right: -1px;
margin-left: -4px;
position: relative;
bottom: 0px;
}
.stats .conversations::before{
content: "";
background-image: var(--svg-openai);
display: inline-block;
background-size: cover;
width: 14px;
height: 14px;
margin-right: 1px;
margin-left: -4px;
position: relative;
bottom: 0px;
}
.stats .comments{
margin-right: 0;
}
.stats .comments::before{
content: "";
/*background-image:
url('https://media.theresanaiforthat.com/assets/comment.svg');*/
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22448%22%20height%3D%22448%22%20viewBox
%3D%220%200%20448%20448%22%3E%3Cpath%20fill%3D%22%238b8c98%22%20d%3D%22M224%2096c-
104%200-192%2058.5-192%20128%200%2037.25%2025%2072.75%2068.25%2097.25l21.75%2012.5-
6.75%2024c-4.75%2017.75-11%2031.5-17.5%2043%2025.25-10.5%2048.25-24.75%2068.75-
42.75l10.75-9.5%2014.25%201.5c10.75%201.25%2021.75%202%2032.5%202%20104%200%20192-
58.5%20192-128s-88-128-192-128zM448%20224c0%2088.5-100.25%20160-224%20160-
12.25%200-24.5-0.75-36.25-2-32.75%2029-71.75%2049.5-115%2060.5-9%202.5-
18.75%204.25-28.5%205.5h-1.25c-5%200-9.5-4-10.75-9.5v-0.25c-1.25-6.25%203-
10%206.75-14.5%2015.75-17.75%2033.75-32.75%2045.5-74.5-51.5-29.25-84.5-74.5-84.5-
125.25%200-88.5%20100.25-160%20224-160v0c123.75%200%20224%2071.5%20224%20160z%22%3E
%3C%2Fpath%3E%3C%2Fsvg%3E');
display: inline-block;
background-size: cover;
width: 11px;
height: 11px;
margin-right: 2px;
position: relative;
top: -1px;
}
.stats .unique_runs::before{
content: "";
/*background-image:
url('https://media.theresanaiforthat.com/assets/comment.svg');*/
background-image: url('data:image/svg+xml;utf8,%3Csvg%20version%3D
%221.1%22%20xmlns%3D%22https%3A%2F%2Fptop.only.wip.la%3A443%2Fhttp%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D
%22https%3A%2F%2Fptop.only.wip.la%3A443%2Fhttp%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D
%2224%22%20viewBox%3D%220%200%2024%2024%22%20data-tags%3D%22groups%22%3E%3Cg%20fill
%3D%22%238b8c98%22%20transform%3D%22scale(0.0234375%200.0234375)%22%3E%3Cpath%20d
%3D%22M512%20544q52%200%2098%2011t82%2027%2056%2048%2020%2068v70h-512v-68q0-
38%2020-70t56-48%2082-27%2098-11zM170%20554q36%200%2061-25t25-59q0-36-25-61t-61-
25q-34%200-59%2025t-25%2061q0%2034%2025%2059t59%2025zM218%20602q-10-2-22-3t-26-1q-
32%200-61%206t-57%2018q-24%2010-38%2032t-14%2048v66h192v-68q0-52%2026-
98zM854%20554q34%200%2059-25t25-59q0-36-25-61t-59-25q-36%200-61%2025t-
25%2061q0%2034%2025%2059t61%2025zM1024%20702q0-26-14-48t-38-32q-28-12-57-18t-61-6q-
14%200-26%201t-22%203q26%2046%2026%2098v68h192v-
66zM512%20256q36%200%2065%2017t46%2046%2017%2065-17%2065-46%2046-65%2017-65-17-46-
46-17-65%2017-65%2046-46%2065-17z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
display: inline-block;
background-size: cover;
width: 14px;
height: 13px;
margin-right: 3px;
position: relative;
top: -1px;
}
/*start comments*/
.comments_main{
padding: 33px 20px;
}
.user_comments_title{
text-align: left;
font-size: 27px;
font-weight: 600;
display: flex;
align-items: center;
}
.user_comments_title .ratings_count{
margin-top: 4px;
font-size: 16px;
margin-left: 4px;
font-weight: 400;
}
.comment_textarea{
height: 233px;
width: 749px;
max-width: 100%;
border: none;
background: var(--color-dark-4);
box-shadow: inset 0 0 12px 0 #00000030;
border-radius: var(--border-radius-large);
outline: none;
margin: 17px 0;
color: #fff;
padding: 23px;
box-sizing: border-box;
font-size: 16px;
}
.comment_user_name{
display: flex;
align-items: center;
}
.comment_user{
display: flex;
align-items: center;
margin: 10px 0 11px -36px;
color: var(--color-medium-3);
}
.comment_date{
font-size: 13px;
margin: -10px 0 12px 0;
color: var(--color-medium-4);
}
.user_stats{
display: flex;
flex-wrap: wrap;
gap: 7px;
/*background: #262733;*/
/*color: var(--color-chrome);*/
font-size: 12px;
padding: 1px 8px 1px 0;
border-radius: 53px;
/*box-shadow: 0 0 2px 0 #00000078;*/
width: max-content;
}
.user_karma{
color: var(--color-medium-4);
}
.comment_rating{
margin: 0;
}
.rated_it{
margin-right: 8px;
color: #888a9f;
}
.comment_body{
margin: 5px 0 10px;
font-size: 14px;
line-height: 20px;
word-break: break-word;
}
.comment_footer{
margin-top: 10px;
display: flex;
align-items: center;
gap: 0 13px;
}
.comment_footer span{
cursor: pointer;
padding: 5px 0;
font-size: 13px;
color: var(--color-medium-2);
}
.comment_footer span.comment_upvote,
.comment_footer span.comment_downvote{
padding: 7px 9px;
}
.comment_vote_wrap,
.comment_upvote,
.comment_downvote{
display: flex;
align-items: center;
}
.comment_footer span.comment_vote_wrap{
margin-right: 2px;
font-size: 13px;
background-color: #3c3d4954;
padding: 0;
gap: 4px;
border-radius: var(--border-radius-small);
color: var(--color-medium-3);
overflow: hidden;
}
.star{
width: 20px;
height: 20px;
margin-right: 5px;
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
}
.star_label.pulsate_once_large{
color: #ffcc00;
}
.star-full{
background-image: var(--svg-star-full);
}
.star-empty{
/*background-image: url('https://media.theresanaiforthat.com/assets/star-
empty.svg?v=1');*/
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416%22%20height%3D%22448%22%20viewBox
%3D%220%200%20416%20448%22%3E%3Cpath%20fill%3D%22%23737586%22%20d%3D
%22M284.25%20251l76.5-74.25-105.5-15.5-47.25-95.5-47.25%2095.5-
105.5%2015.5%2076.5%2074.25-18.25%20105.25%2094.5-
49.75%2094.25%2049.75zM416%20161.75c0%204.5-3.25%208.75-6.5%2012l-
90.75%2088.5%2021.5%20125c0.25%201.75%200.25%203.25%200.25%205%200%206.75-3%2012.5-
10.25%2012.5-3.5%200-7-1.25-10-3l-112.25-59-112.25%2059c-3.25%201.75-6.5%203-
10%203-7.25%200-10.5-6-10.5-12.5%200-1.75%200.25-3.25%200.5-5l21.5-125-91-88.5c-3-
3.25-6.25-7.5-6.25-12%200-7.5%207.75-10.5%2014-11.5l125.5-18.25%2056.25-
113.75c2.25-4.75%206.5-10.25%2012.25-
10.25s10%205.5%2012.25%2010.25l56.25%20113.75%20125.5%2018.25c6%201%2014%204%2014%2
011.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
opacity: 0.5;
}
.btn{
width: auto;
}
#rating_cont{
/*background-image: linear-gradient(180deg, #2a2b34, transparent);*/
/*padding: 26px 36px 26px 0;*/
border-radius: var(--border-radius-large);
box-sizing: border-box;
padding: 13px 0;
margin: 0;
}
#rating_cont h2{
margin-bottom: 0;
}
.comment{
margin: 0;
padding: 18px 17px;
}
.comment-wrapper.collapsed .comment{
padding: 10px 17px;
}
.comment.highlight .comment_content{
background: #393b4c;
box-shadow: 0 0 4px 0 #00000055;
transition: all 0.2s ease-in-out;
}
.comment-wrapper.collapsed{
}
.comment-wrapper.collapsed .child_comments{
display: none;
}
.comment-wrapper.collapsed .threadline{
display: none;
}
.comment-wrapper.collapsed .comment_body{
/*display: none;*/
text-wrap: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--color-medium);
margin: 5px 0;
}
.comment-wrapper.collapsed .comment_user{
margin: 9px 0 4px -36px;
}
.comment-wrapper.collapsed .comment_footer{
display: none;
}
.comment-wrapper.collapsed .comment_date{
display: none;
}
.comment-wrapper {
display: flex;
position: relative;
flex-direction: column;
}
.comment_expander{
cursor: pointer;
display: flex;
font-size: 13px;
color: var(--color-medium-2);
width: 13px;
height: 13px;
position: relative;
margin-right: 9px;
}
.comment_expander::before{
content: '';
width: 13px;
height: 13px;
display: inline-block;
background: url('https://media.theresanaiforthat.com/assets/enlarge.svg')
no-repeat;
background-size: contain;
transform: rotate(99deg);
border: 10px solid transparent;
position: absolute;
top: -10px;
left: -10px;
}
.comment_expander:hover::before{
background: url('https://media.theresanaiforthat.com/assets/enlarge-
hover.svg') no-repeat;
background-size: contain;
}
.comment_profile {
margin-right: 10px;
position: relative;
}
.comment_user_picture {
width: 28px; /* Adjust size as needed */
height: 28px; /* Adjust size as needed */
border-radius: 50%; /* Circular profile picture */
margin-right: 7px;
}
.comment .user_card.s{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.comment .user_card.s .user_name{
font-size: 18px;
}
.comment .comment_body{
font-size: 15px;
line-height: 23px;
}
.comment .comment_footer span{
font-size: 15px;
}
.comment .user_card.s img{
width: 31px;
height: 31px;
}
.threadline {
position: absolute;
left: -1px;
top: 58px;
bottom: 0;
cursor: pointer;
height: calc(100% - 42px);
padding: 0 6px;
}
.threadline_inner{
width: 2px;
background-color: var(--color-medium-10);
height: 100%;
display: block;
pointer-events: none;
}
.threadline:hover .threadline_inner{
background: var(--color-medium-3);
transition: all 0.3s ease;
}
.child_comments{
margin-left: 28px;
}
.comment_content {
flex-grow: 1;
padding-left: 10px;
}
.comment_submit{
cursor: pointer;
max-width: 104px;
}
.post_comment{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post_comment p{
margin: 10px 0 16px;
font-size: 15px;
color: var(--color-medium-3);
}
.leave_a_comment{
text-align: left;
font-size: 19px;
margin: 0 0 19px;
font-weight: 600;
}
.your_rating_label{
margin-right: 10px;
}
.rating{
display: inline-flex;
flex-direction: row-reverse;
}
textarea#comment_textarea::placeholder {
color: var(--color-medium-6);
}
.rating input[type="radio"] {
display: none;
}
.rating label {
font-size: 24px;
color: var(--color-icon-light);
padding: 0 5px;
cursor: pointer;
}
.rating label#star1_label{
padding-left: 0;
}
.rating label:hover,
.rating label:hover ~ label {
color: #f1c40f;
}
.comment_downvote::after,
.generation_downvote::after{
content: '';
width: var(--thumbs-icon-size);
height: var(--thumbs-icon-size);
display: inline-block;
position: relative;
top: 1px;
background: var(--svg-thumbs-down) no-repeat;
background-size: contain;
margin-right: 3px;
}
.comment_upvote:hover::before, .comment_upvote.voted::before,
.generation_upvote:hover::before, .generation_upvote.voted::before{
background: var(--svg-thumbs-up-hover) no-repeat;
background-size: contain;
}
.comment_downvote:hover::after, .comment_downvote.voted::after,
.generation_downvote:hover::after, .generation_downvote.voted::after{
background: var(--svg-thumbs-down-hover) no-repeat;
background-size: contain;
}
.comment .useful_question{
margin-right: 10px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
/* Style the calendar icon */
filter: invert(1);
opacity: 0.6;
cursor: pointer;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover {
opacity: 1;
}
.stars-outer {
position: relative;
display: inline-flex;
/*color: #d8d8d8;*/
color: #5e6173;
width: max-content;
margin-left: 0;
}
.star-full,
.star-empty{
background-image: var(--svg-star-full);
width: 10px;
height: 10px;
background-size: cover;
margin-right: 2px;
}
.star-empty{
/*background-image: url('https://media.theresanaiforthat.com/assets/star-
empty-light.svg?v=1');*/
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22416%22%20height%3D%22448%22%20viewBox
%3D%220%200%20416%20448%22%3E%3Cpath%20fill%3D%22%238b8b99%22%20d%3D
%22M284.25%20251l76.5-74.25-105.5-15.5-47.25-95.5-47.25%2095.5-
105.5%2015.5%2076.5%2074.25-18.25%20105.25%2094.5-
49.75%2094.25%2049.75zM416%20161.75c0%204.5-3.25%208.75-6.5%2012l-
90.75%2088.5%2021.5%20125c0.25%201.75%200.25%203.25%200.25%205%200%206.75-3%2012.5-
10.25%2012.5-3.5%200-7-1.25-10-3l-112.25-59-112.25%2059c-3.25%201.75-6.5%203-
10%203-7.25%200-10.5-6-10.5-12.5%200-1.75%200.25-3.25%200.5-5l21.5-125-91-88.5c-3-
3.25-6.25-7.5-6.25-12%200-7.5%207.75-10.5%2014-11.5l125.5-18.25%2056.25-
113.75c2.25-4.75%206.5-10.25%2012.25-
10.25s10%205.5%2012.25%2010.25l56.25%20113.75%20125.5%2018.25c6%201%2014%204%2014%2
011.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.stars-inner {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
overflow: hidden;
/*color: gold;*/
color: #c8c9d3;
}
.stars-inner.width-0 { width: 0%; }
.stars-inner.width-2 { width: 2%; }
.stars-inner.width-4 { width: 4%; }
.stars-inner.width-6 { width: 6%; }
.stars-inner.width-8 { width: 8%; }
.stars-inner.width-10 { width: 10%; }
.stars-inner.width-12 { width: 12%; }
.stars-inner.width-14 { width: 14%; }
.stars-inner.width-16 { width: 16%; }
.stars-inner.width-18 { width: 18%; }
.stars-inner.width-20 { width: 20%; }
.stars-inner.width-22 { width: 22%; }
.stars-inner.width-24 { width: 24%; }
.stars-inner.width-26 { width: 26%; }
.stars-inner.width-28 { width: 28%; }
.stars-inner.width-30 { width: 30%; }
.stars-inner.width-32 { width: 32%; }
.stars-inner.width-34 { width: 34%; }
.stars-inner.width-36 { width: 36%; }
.stars-inner.width-38 { width: 38%; }
.stars-inner.width-40 { width: 40%; }
.stars-inner.width-42 { width: 42%; }
.stars-inner.width-44 { width: 44%; }
.stars-inner.width-46 { width: 46%; }
.stars-inner.width-48 { width: 48%; }
.stars-inner.width-50 { width: 50%; }
.stars-inner.width-52 { width: 52%; }
.stars-inner.width-54 { width: 54%; }
.stars-inner.width-56 { width: 56%; }
.stars-inner.width-58 { width: 58%; }
.stars-inner.width-60 { width: 60%; }
.stars-inner.width-62 { width: 62%; }
.stars-inner.width-64 { width: 64%; }
.stars-inner.width-66 { width: 66%; }
.stars-inner.width-68 { width: 68%; }
.stars-inner.width-70 { width: 70%; }
.stars-inner.width-72 { width: 72%; }
.stars-inner.width-74 { width: 74%; }
.stars-inner.width-76 { width: 76%; }
.stars-inner.width-78 { width: 78%; }
.stars-inner.width-80 { width: 80%; }
.stars-inner.width-82 { width: 82%; }
.stars-inner.width-84 { width: 84%; }
.stars-inner.width-86 { width: 86%; }
.stars-inner.width-88 { width: 88%; }
.stars-inner.width-90 { width: 90%; }
.stars-inner.width-92 { width: 92%; }
.stars-inner.width-94 { width: 94%; }
.stars-inner.width-96 { width: 96%; }
.stars-inner.width-98 { width: 98%; }
.stars-inner.width-100 { width: 100%; }
#share_cta{
display: none;
flex-direction: row;
justify-content: center;
margin: 25px auto 0;
font-size: 13px;
align-items: center;
width: 615px;
max-width: 100%;
font-style: italic;
line-height: 18px;
flex-wrap: wrap;
gap: 14px;
}
#share_cta > *{
margin: 0 8px;
color: var(--color-medium);
}
#share_cta a{
margin: 0;
font-weight: 500;
font-size: 15px;
height: 31px;
display: flex;
overflow: hidden;
flex-direction: column;
box-shadow: 0 0 3px 0 #00000066;
background: linear-gradient(45deg, #2e2f3b, #3d3f4f);
border-radius: var(--border-radius-large);
box-sizing: border-box;
padding: 7px 13px;
justify-content: center;
font-style: normal;
color: #b1b3cb;
}
#share_cta a:hover{
background: #414355;
color: var(--color-light);
}
#share_btn{
text-decoration: underline;
font-weight: 500;
cursor: pointer;
}
#share_btn:hover{
/*color: #c8c9d3;*/
color: #e9eaed;
}
#share_cta .youtube_link{
/*background: #ff0000;*/
color: #ff4334c2;
}
#share_cta .get_featured{
box-shadow: 0 0 4px 0 #afb0bd;
}
#share_cta .youtube_link:hover{
background: #ff0000;
color: #fff;
opacity: 0.8;
}
#share_cta .tiktok_link{
background: #000;
color: #fff;
}
#share_cta .tiktok_link:hover{
background: #000;
color: #fff;
opacity: 0.8;
}
#used_by{
text-align: center;
font-size: 14px;
color: var(--color-medium);
line-height: 20px;
display: flex;
justify-content: center;
flex-direction: row;
gap: 5px;
}
#used_by img{
height: 20px;
width: 20px;
display: inline;
position: relative;
top: 5px;
}
h1{
text-align: left;
font-size: 45px;
}
h1 svg,
h2 svg{
width: 30px;
height: 30px;
margin-right: 10px;
fill: var(--color-medium);
}
#sidebar_left_ais h1 svg,
#sidebar_left_ais h2 svg{
width: 16px;
height: 16px;
}
.leadr{
max-height: 90px!important;
overflow: hidden!important;
display: flex;
justify-content: center;
align-items: center;
}
.topad{
min-width: 250px;
max-height: 90px!important;
}
#logout_wrap{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 20px 0;
}
#logout{
background: none;
color: var(--color-medium);
cursor: pointer;
}
a,ul{
text-decoration: none;
/*color: #b8b9c4;*/
color: var(--color-light);
}
a.underline:hover{
color: #fff;
transition: color 0.2s ease-in-out;
}
.underline{
text-decoration: underline;
}
.pagination{
display: flex;
align-items: center;
justify-content: center;
margin: 24px 0 17px;
}
.pagination_inner{
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.pagination svg{
width: 14px;
fill: var(--color-light);
}
.pagination a{
padding: 7px 14px;
display: flex;
align-items: center;
}
.pagination a:hover{
color: var(--color-white);
background: var(--color-medium-6);
}
.pagination a.current{
color: var(--color-light);
background: var(--color-medium-6);
pointer-events: none;
}
.pagination a.current:hover{
color: var(--color-medium);
}
.row{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.ai_link_wrap{
display: inline-block;
pointer-events: none;
width: 100%;
left: -1px;
position: relative;
}
.ai_link_wrap_2{
padding: 7px 20px 16px 40px;
display: block;
box-sizing: border-box;
position: relative;
}
.ai_link{
position: relative;
pointer-events: all;
white-space: nowrap;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
display: inline-block;
margin-bottom: -2px;
width: calc(100% - 22px);
/*max-width: 89%;*/
}
.ai_link span{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 89%;
display: inline-block;
}
/* used for verified popover info */
.title_inner em.verified_info,
.ai_link em.verified_info{
position: absolute;
top: 0;
width: 30px;
height: 30px;
z-index: 1;
pointer-events: all;
cursor: pointer;
}
.external_ai_link{
display: inline-block;
background-image: var(--svg-external-link);
background-repeat: no-repeat;
background-size: cover;
width: 14px;
height: 14px;
margin-left: 2px;
top: 13px;
right: -6px;
position: relative;
pointer-events: all;
}
.share_link{
display: inline-block;
background-image: var(--svg-share);
background-repeat: no-repeat;
width: 36px;
height: 36px;
pointer-events: all;
cursor: pointer;
background-color: var(--color-dark-0);
border-radius: var(--border-radius-small);
background-size: 50%;
background-position: center;
}
.ai_link:visited,
.ai_link.visited{
color: var(--color-medium);
/*color: #b8b9c4;*/
}
#search_suggestions .s_ai {
display: flex;
justify-content: flex-start;
align-items: center;
}
#search_suggestions .s_ai img {
width: 28px;
object-fit: cover;
border-radius: var(--border-radius-small);
}
.task_name{
font-size: 16px;
font-weight: bold;
margin: 2em 0 0.5em;
padding-right: 7px;
max-width: 350px;
display: inline-block;
/*flex-wrap: wrap;*/
}
.task_name::after {
content: '→';
background: #3f404d;
border-radius: 55%;
/*width: 15px;*/
/*height: 15px;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*top: 3px;*/
font-size: 10px;
top: -1px;
left: 6px;
position: relative;
display: inline;
padding: 2px 3px;
}
.task_name.highlight{
background: var(--highlight);
}
.task_name.highlight:visited,
.task_name.highlight.visited{
/*color: #b8b9c4;*/
}
.task_name:hover,
.task_name:hover:after,
.task_name.highlight:visited:hover,
.task_name.highlight.visited:hover{
/*color: var(--color-light);*/
}
.compact_grid .task_name{
font-size: 11px;
margin: 0 auto 6px;
/*background: var(--color-dark-2);*/
background-image: linear-gradient(180deg, #31313b, transparent);
width: 100%;
border-top-left-radius: var(--border-radius-large);
border-top-right-radius: var(--border-radius-large);
display: flex;
justify-content: center;
align-items: center;
padding: 6px 0;
}
/*.compact_grid li{*/
/* width: 330px;*/
/* max-width: 95%;*/
/* margin: 17px auto;*/
/* display: flex;*/
/* flex-direction: column;*/
/* padding: 0;*/
/* box-shadow: 0 0 3px 1px #2020246b;*/
/*}*/
#results_cont{
order: 2;
width: 932px;
max-width: 90%;
min-height: 100vh;
scroll-margin: 30px;
position: relative;
}
#results_cont img.loading{
position: absolute;
top: calc(50vh - 32px);
left: 50%;
transform: translate(-50%, -50%);
width: 1100px;
max-width: 73%;
}
.data_cont{
max-width: 100%;
}
.compact_grid .ai_link_wrap{
}
ul{
--auto-grid-min-size: 16rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size),
1fr));
grid-gap: var(--grid-gap);
width: 100%;
margin: 0 auto;
}
.ai_launch_date{
color: #8b8c98;
}
.ai_launch_date:hover{
color: var(--color-light);
}
.task_label_wrap{
position: relative;
z-index: 4;
pointer-events: none;
/*margin: 10px 0 14px -9px;*/
margin: -6px 0 0 -9px;
}
.task_label{
font-size: 14px;
/*background: #3f4155;*/
/*background: #3b3b4a;*/
background: #3b3b4a;
padding: 5px 10px 5px 11px;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #2a2f42ab;
box-shadow: 0 0 2px 0 #83838366;
position: relative;
pointer-events: all;
margin-bottom: -2px;
max-width: 89%;
display: inline-block;
gap: 0 8px;
border-radius: 8px;
margin-left: 1px;
top: 1px;
}
.li.m:hover .task_label:hover{
background: #4a4b5a;
color: #fff;
}
.task_label::before{
content: attr(data-before);
display: inline-block;
background-size: cover;
width: 15px;
height: 15px;
position: relative;
/*top: 2px;*/
margin-left: -3px;
margin-right: 6px;
}
#main{
background: #343541;
/*background: #373846;*/
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
/*width: 100%;*/
margin: 0 auto;
padding-bottom: 50px;
width: auto;
/*border-top: 1px solid #31303e;*/
box-shadow: 0 -3px 2px 0 #00000012;
}
#main.noevents{
pointer-events: none;
}
.letter{
margin: 0 auto 2em;
display: flex;
flex-direction: column;
border-top: 1px solid #32333d;
scroll-margin: 100px;
}
.letter:nth-of-type(1) {
border: none;
}
.letter.nomargin{
margin: 0 auto 0;
border-top: none;
}
h2{
font-size: 45px;
margin: 19px 0 30px;
color: var(--color-light);
padding: 0;
display: inline-flex;
line-height: 35px;
word-break: break-word;
}
h2 a:hover{
color: var(--color-light);
}
h2 .underline{
font-weight: 700;
}
.subheading{
margin: -7px 0 30px;
font-size: 16px;
}
.data_cont h2.h2-margin,
.data_cont .h2-margin{
margin: 53px auto 30px auto;
}
.data_cont h3,
#results_cont h3,
.results_cont h3{
text-align: left;
margin: 45px 0 25px;
font-size: 18px;
}
.data_cont .powered_by{
display: flex;
justify-content: center;
margin: -10px auto 21px;
background: var(--color-medium-5);
border-radius: var(--border-radius-small);
position: relative;
z-index: 1;
}
.data_cont a.powered_by {
padding: 12px 0;
}
.data_cont .powered_by:hover{
background: var(--color-medium-6);
}
/*.letter#a h2{*/
/* margin-top: 0;*/
/*}*/
h2 span{
text-decoration: underline;
text-decoration-color: var(--color-medium);
text-decoration-thickness: 6px;
text-underline-offset: 8px;
display: inline-flex;
align-items: center;
}
body.type h2 span::before{
content: '';
width: 35px;
height: 35px;
display: inline-block;
background-size: contain;
border-radius: 50%;
margin-right: 14px;
background-repeat: no-repeat;
background-position: center;
top: 5px;
position: relative;
}
body.type.gpt h2 span::before{
background-image:
url('https://media.theresanaiforthat.com/assets/gpt.svg');
min-width: 35px;
}
body.type.ios h2 span::before{
background-image:
url('https://media.theresanaiforthat.com/assets/ios.svg');
}
body.type.android h2 span::before{
background-image:
url('https://media.theresanaiforthat.com/assets/android.svg');
border-radius: 0;
}
body.type.chrome h2 span::before{
background-image:
url('https://media.theresanaiforthat.com/assets/chrome.svg');
}
body.type.agents h2 span::before{
background-image:
url('https://media.theresanaiforthat.com/assets/agents.svg');
border-radius: 0;
width: 40px;
height: 40px;
}
.tab.agents.new_label::before{
top: -3px;
}
body.type.apis h2 span::before{
background-image:
url('https://media.theresanaiforthat.com/assets/apis.svg');
}
.letter_inner{
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.letter.nomargin .letter_inner{
padding: 0;
}
.tasks{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
#data_hist .tasks{
--auto-grid-min-size: 16rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size),
1fr));
grid-gap: var(--grid-gap);
width: 100%;
margin: 0 auto;
}
#data_alphab .tasks{
flex-direction: column;
}
#data_alphab ul{
--auto-grid-min-size: 16rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size),
1fr));
grid-gap: var(--grid-gap);
width: 100%;
margin: 0 auto;
}
.task{
width: 350px;
}
#data_alphab .task{
width: 100%;
}
.new_tab svg{
width: 10px;
height: 10px;
fill: #dadada;
position: relative;
top: -3px;
right: -2px;
}
.new_label::before{
content: "New";
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
color: var(--highlight-2);
display: block;
font-size: 9px;
background: #ffffff;
padding: 0 5px;
border-radius: 32px;
font-weight: 600;
}
#menu .new_label::before{
top: 0;
left: 22px;
right: auto;
transform: translateX(-50%);
}
body.expanded_menu #menu .new_label::before,
#menu:hover .new_label::before{
top: 50%;
right: 13px;
left: auto;
transform: translateY(-50%);
}
#switch .tab.new_label::before{
top: 1px;
left: 59%;
}
ul{
padding-left: 0;
}
#data_hist .tasks.l{
grid-gap: 17px 22px;
}
/* li styles */
.li{
height: 110px;
font-size: 19px;
color: #8b8c98;
position: relative;
border-radius: var(--border-radius-large);
list-style-type: none;
padding: 15px 10px 27px 14px;
box-sizing: border-box;
/*margin: 14px 0;*/
/*box-shadow: 0 0 4px 0 #1a1b27ad;*/
/*background: #3c3d4b;*/
background: #373946;
background-image: linear-gradient(45deg, #3e4050, #373846);
box-shadow: 0 0 4px 0 #1a1b27ad;
border: 1px solid #404055;
transition: background 0.2s ease-in-out;
overflow: visible;
cursor: pointer;
max-width: 100%;
}
.li.m.d{
height: 156px;
}
.li.m .short_desc{
font-size: 12px;
color: var(--color-light);
pointer-events: none;
max-height: 30px;
overflow-y: hidden;
}
.li.m::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
background: #0000002e;
width: 100%;
height: 22px;
}
.li.l{
padding-bottom: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
background: #373946;
background-image: linear-gradient(45deg, #3e4050, #373846);
height: 233px;
transition: background 0.3s ease-in-out;
}
.li.l:hover,
.li.l:hover .save_ai{
display: flex;
}
.li.l:hover .external_ai_link{
display: inline-flex;
/* windows chrome fix */
position: absolute;
top: 30px;
}
.li.l .task_label_wrap{
position: unset;
}
.li.l .li_right {
gap: 0;
}
.li.l .stats {
margin-bottom: 105px;
}
.li.l .stars-outer {
margin-right: 0px;
}
.li.l .ai_link{
font-size: 22px;
margin: 5px 0;
display: inline-block;
font-weight: 600;
}
.li.l .task_label{
position: absolute;
top: auto;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: max-content;
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
background: #383946;
box-shadow: -1px -1px 2px 0 #0000001c;
opacity: 0.95;
}
.li.l .task_label:hover{
color: #fff;
}
.li.l .short_desc {
font-size: 12px;
color: #fff;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
margin: 1px 0 16px;
}
.li .rating label {
font-size: 14px;
padding: 0 1px;
}
.li.l.active .task_label, .li.l.active:hover .task_label{
box-shadow: 0 -1px 1px 0 #b8b9c945;
}
.li.l .task_label::before{
top: -1px;
}
.li.l img{
visibility: visible;
height: 48px;
object-fit: cover;
display: block;
margin: 0;
border-top-left-radius: var(--border-radius-large);
border-top-right-radius: var(--border-radius-large);
box-shadow: 0 -1px 8px 3px #121319ad;
position: relative;
pointer-events: none;
transition: transform 0.3s ease-in-out;
}
.li.l .screenshot {
overflow: hidden;
height: 92px;
opacity: 0.9;
position: absolute;
width: 90%;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
border-top-left-radius: var(--border-radius-large);
border-top-right-radius: var(--border-radius-large);
box-shadow: 0 -1px 8px 3px #121319ad;
pointer-events: none;
}
.li.l .screenshot img {
width: 100%;
min-height: 226px;
}
.li.l:hover .screenshot{
opacity: 1;
height: 98px;
transform: translateX(-50%) scale(1.01);
transition: transform 0.3s ease-in-out, height 0.3s ease-in-out;
}
.li.l .available_starting{
display: none;
}
.li.l .use_case{
display: block;
font-size: 15px;
font-weight: 400;
}
.li.l.standalone[data-featured="true"]::before {
content: "Featured";
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-50%);
top: 0;
background: #373946;
background-image: linear-gradient(45deg, #3e4050, #373846);
color: var(--color-blue-3);
padding: 2px 20px;
font-size: 12px;
line-height: 16px;
border-radius: var(--border-radius-large);
/* opacity: 0.8; */
font-weight: 500;
}
.li_row{
display: flex;
flex-wrap: nowrap;
gap: 0 16px;
pointer-events: none;
}
.li_right {
display: flex;
flex-direction: column;
gap: 7px 0;
flex-grow: 1;
pointer-events: none;
max-width: calc(100% - var(--icon-size) - 22px);
}
.li_left{
pointer-events: none;
position: relative;
overflow: hidden;
height: fit-content;
border-radius: var(--icon-border-radius);
width: max-content;
min-width: var(--icon-size);
}
.li_left::after {
content: '';
position: absolute;
top: -51%;
left: -26px;
bottom: 10%;
background: linear-gradient(45deg, #ffffff08, transparent);
z-index: 3;
border-radius: 0;
transform: rotate(313deg);
pointer-events: none;
width: 164%;
height: 48px;
}
.li_left_wrap{
position: relative;
height: var(--icon-size);
width: var(--icon-size);
}
.corner_icon,
.li .corner_icon{
width: var(--icon-size-s);
height: var(--icon-size-s);
background-image: url('https://media.theresanaiforthat.com/assets/gpt-
icon.svg?width=38px');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: -2px;
left: -2px;
/*border-radius: 4px;*/
border-radius: 50%;
}
.icon_wrap_outer.s .corner_icon{
width: 13px;
height: 13px;
}
.corner_icon.ios{
background-image:
url('https://media.theresanaiforthat.com/assets/ios.svg');
}
.corner_icon.android{
background-image:
url('https://media.theresanaiforthat.com/assets/android.svg');
border-radius: 0;
}
.corner_icon.chrome{
background-image:
url('https://media.theresanaiforthat.com/assets/chrome.svg');
}
.corner_icon.tool{
background-image:
url('https://media.theresanaiforthat.com/assets/tool.svg');
background-color: var(--color-light);
background-size: 80%;
border-radius: 36% 36% 0;
}
.corner_icon.tool:after {
display: block;
position: absolute;
width: 29px;
bottom: 0;
right: -29px;
background-color: var(--color-light);
border: none;
font-size: 9px;
text-align: center;
border-radius: 0 0 var(--border-radius-small) 0;
}
.corner_icon.tool.type_image:after {
content: 'IMG';
color: var(--color-red);
}
.corner_icon.tool.type_text:after {
content: 'TXT';
color: var(--color-dark);
}
.icon_wrap_outer.l .corner_icon.tool::after{
width: 41px;
right: -41px;
}
.icon_wrap_outer.l .corner_icon.tool.type_text::after{
content: 'TEXT';
}
.icon_wrap_outer.l .corner_icon.tool.type_image::after{
content: 'IMAGE';
}
.li.new_ai_label::after,
.li.for_you_label::after,
.li.tf_xyz1::after,
.li.tf_xyz2::after,
.li.tf_xyz3::after{
font-weight: normal;
font-size: 12px;
background-color: var(--color-red);
border-radius: var(--border-radius-xl);
position: absolute;
left: 0;
top: 0;
transform: translateX(-12px) translateY(-50%);
color: #fff;
display: block;
padding: 0 7px;
box-sizing: border-box;
line-height: 20px;
text-align: center;
opacity: 1;
}
.li.new_ai_label::after{
content: "New";
}
.li.for_you_label::after{
content: "For You";
background-color: #ffffff11;
}
.li[data-release]::after {
content: attr(data-release);
position: absolute;
top: -13px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
background-color: #383947;
padding: 3px 10px;
border-radius: 50px;
z-index: 11;
min-width: max-content;
color: #8ddadd;
border: 1px solid var(--color-dark-0);
}
.li.new{
list-style-type: none;
}
.li.new .ai_link::before{
display: none;
content: "*";
width: 6px;
height: 6px;
border-radius: 50%;
left: -14px;
top: 0;
position: absolute;
color: var(--highlight-2);
font-weight: bold;
}
.li.active,
.li.active:hover{
/*background: linear-gradient(90deg, transparent, #4243549e);*/
box-shadow: 0 0 3px 0 #6e6f76;
}
.li.highlighted{
box-shadow: 0 0 8px 0 #fff7f552;
}
/*.li img{*/
/* visibility: hidden;*/
/* height: 0;*/
/* width: 0;*/
/* opacity: 0;*/
/* display: none;*/
/* transition: opacity 0.6s ease-in-out;*/
/*}*/
.li img{
visibility: visible;
height: var(--icon-size);
width: var(--icon-size);
border-radius: var(--icon-border-radius);
opacity: 1;
display: flex;
pointer-events: none;
cursor: pointer;
object-fit: cover;
background: #3f4052;
box-shadow: 0 0 3px 0 #0000002e;
}
#account_controls{
margin: 40px 0;
color: var(--color-medium);
text-align: center;
}
#account_controls a{
color: var(--color-medium);
}
.li.compact {
display: flex;
flex-direction: row;
gap: 21px;
align-items: center;
padding: 13px;
border-bottom: 1px solid #2f313d;
}
.li.compact:hover{
background: #3c3d4a;
}
.rank{
width: 25px;
font-size: 11px;
color: var(--color-medium);
}
/* custom checkbox */
input[type="checkbox"].custom_checkbox {
opacity: 0;
margin: 0 6px 0 0;
}
input[type="checkbox"].custom_checkbox + label {
line-height: 15px;
position: relative;
cursor: pointer;
padding-left: 16px;
}
input[type="checkbox"].custom_checkbox + label::before {
content: '';
display: block;
box-sizing: border-box;
border-radius: 12px;
cursor: pointer;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin-left: -19px;
font-size: 15px;
width: 36px;
height: 36px;
box-shadow: inset 0 0 0 1px var(--color-medium);
border: 10px solid transparent;
line-height: 16px;
text-align: center;
color: var(--color-dark);
background-color: transparent;
}
input[type="checkbox"].custom_checkbox:checked + label::before {
content: '✓';
font-weight: normal;
color: var(--color-dark);
box-shadow: inset 0 0 0 16px var(--color-chrome);
}
/*input[type="checkbox"].custom_checkbox:focus + label::before {*/
/* box-shadow: inset 0 0 0 16px var(--color-yellow-2);*/
/*}*/
input[type="checkbox"].custom_checkbox:disabled + label {
cursor: default;
}
input[type="checkbox"].custom_checkbox:disabled + label::before {
color: var(--color-dark-2);
box-shadow: inset 0 0 0 16px var(--color-medium-2);
cursor: default;
}
.follow_with_notifications label {
line-height: inherit !important;
padding: inherit !important;
}
input[type=radio]:checked::before {
transform: scale(1);
}
/*follow(subscribe) component*/
.follow_wrapper {
cursor: pointer;
/*background: #3b3b4a;*/
padding: 8px 10px;
white-space: nowrap;
border: 1px solid var(--color-medium-12);
border-radius: var(--border-radius-small);
font-size: 13px;
display: flex;
justify-content: space-between;
flex-direction: row;
gap: 5px;
align-items: center;
position: relative;
}
.follow_wrapper.small {
font-size: 0px;
width: 36px;
height: 36px;
box-sizing: border-box;
padding: 10px;
}
.follow_wrapper.small:hover{
background: var(--color-medium-7);
}
.follow_wrapper .follow {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-right: 15px;
}
.follow_wrapper.small .follow {
padding-top: 16px;
}
.follow_wrapper .follow + .follow_with_notifications {
position: absolute;
pointer-events: none;
right: 5px;
}
.follow_wrapper.small .follow + .follow_with_notifications {
right: auto;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
#info_tray_notification .content-inner > a {
display: flex;
align-items: center;
font-size: 16px;
line-height: 19px;
color: var(--color-dark);
margin-top: 10px;
background: var(--color-white);
padding: 10px;
border-radius: var(--border-radius-small);
}
#info_tray_notification .content-inner > a > span.icon {
margin-right: 10px;
}
#info_tray_notification .content-inner > a > span.icon > img {
height: 30px;
}
#notification_pill{
position: fixed;
z-index: 120;
left: 50%;
transform: translate3d(-50%, -20px, 0);
background: var(--color-light-4);
color: var(--color-medium-5);
border-radius: 62px;
bottom: 0;
padding: 10px 22px;
cursor: pointer;
box-shadow: 0 0 3px 0 #00000066;
font-weight: 500;
display: flex;
align-items: center;
transition: transform 0.16s ease-out;
border: 3px solid var(--color-white);
white-space: nowrap;
}
#notification_pill.invisible{
transform: translate3d(-50%, 36px, 0);
}
#notification_pill .view_all{
margin-left: 14px;
color: var(--color-blue);
font-size: 14px;
}
#notification_pill .view_all:hover{
color: var(--color-blue-2);
}
#notification_pill .icon_saved,
#notification_pill .icon_subscribed,
#notification_pill .icon_followed,
#notification_pill .icon_reported{
display: flex;
align-items: center;
}
#notification_pill .icon_saved::before,
#notification_pill .icon_subscribed::before,
#notification_pill .icon_followed::before,
#notification_pill .icon_reported::before{
content: "";
display: inline-block;
background-repeat: no-repeat;
position: relative;
top: 1px;
margin-left: -5px;
width: 20px;
height: 20px;
margin-right: 8px;
background-color: var(--color-light);
border-radius: 50%;
background-position: center;
padding: 2px;
background-size: 60%;
box-shadow: 0 0 4px 0 #00000070;
}
#notification_pill .icon_saved::before{
background-image: var(--svg-saved-red-2);
}
#notification_pill .icon_subscribed::before{
background-image: var(--svg-subscribed);
}
#notification_pill .icon_followed::before{
background-image: var(--svg-followed);
}
#notification_pill .icon_reported::before{
background-image: var(--svg-report-red);
}
#notification_pill img.notification_pill_tool_icon{
width: 40px;
border-radius: 10px;
margin-right: 11px;
box-shadow: 0 0 4px 0 #00000055;
}
#notification_pill .ai_name{
color: var(--color-dark);
font-weight: 600;
font-size: 18px;
}
#notification_pill .rating label{
font-size: 30px;
color: var(--color-medium-9);
padding-right: 3px;
}
#notification_pill .rating label:hover, #notification_pill .rating label:hover
~ label{
color: var(--color-yellow-4);
}
#notification_pill.rating_pill::before{
content: 'Quick rating';
position: absolute;
top: -18px;
left: 50%;
transform: translateX(-50%);
background: var(--color-white);
padding: 2px 14px 0;
border-radius: 12px 12px 0 0;
font-size: 12px;
}
#notification_pill #pill_star1_label{
padding-left: 0;
}
#notification_pill #notification_pill_close_button{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: -18px;
background: var(--color-white);
color: var(--color-dark);
height: 25px;
width: 25px;
border-radius: 50%;
padding: 20px;
}
#notification_pill .ai_name{
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
width: 197px;
}
.li .use_case:hover{
color: #fff;
}
.li .task_label_wrap{
z-index: 4;
}
.li .use_case{
display: none;
pointer-events: auto;
color: var(--color-light);
font-size: 14px;
width: 100%;
}
/*#results_cont li{*/
/* margin: 10px 0;*/
/*}*/
.domain{
font-size: 10px;
}
.domain.dead{
user-select: text;
}
.domain.dead::selection{
color: var(--color-dark-2);
background: var(--color-medium-2);
}
.ai_link *{
pointer-events: none;
}
.ai_link_wrap.highlight a.ai_link{
background: var(--highlight);
}
.ai_link_wrap.highlight a:visited,
.ai_link_wrap.highlight a.visited{
/* color: #8e909f; */
}
.ai_link:hover{
color: #fff;
}
.available_starting{
display: flex;
/*display: none;*/
align-items: center;
font-size: 12px;
margin: 3px 0 0 -1px;
height: 16px;
position: absolute;
bottom: 3px;
}
.available_starting svg{
width: 10px;
height: 10px;
fill: #5c5d6c;
margin-right: 5px;
position: relative;
top: 1px;
}
.buttons_cont{
display: flex;
align-items: center;
}
.share_ai{
display: none;
cursor: pointer;
padding: 1px 16px 1px 14px;
bottom: -1px;
z-index: 4;
border-radius: var(--border-radius-large);
}
.li .share_ai{
position: absolute;
left: 0;
bottom: 0;
padding: 4px 15px;
font-size: 12px;
z-index: 6;
background: #393947;
border-radius: 0;
}
.share_ai:hover{
color: var(--color-light);
}
.share_ai::before{
content: "";
width: 10px;
height: 10px;
background-image: url('https://media.theresanaiforthat.com/assets/forward-
icon.svg');
background-size: cover;
position: relative;
left: 0;
top: 1px;
display: inline-block;
margin-right: 4px;
}
.share_ai:hover::before{
background-image: url('https://media.theresanaiforthat.com/assets/forward-
icon-light.svg');
}
.save_ai{
z-index: 4;
background-image: var(--svg-saved-white-2);
background-size: contain;
background-repeat: no-repeat;
display: none;
height: 31px;
position: absolute;
top: -1px;
right: 2px;
padding: 0 13px 6px 6px;
box-sizing: border-box;
width: 41px;
background-position: right;
}
.li .save_ai{
/*background-image:
url('https://media.theresanaiforthat.com/assets/save.svg');*/
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath
%20fill%3D%22%238b8c98%22%20d%3D
%22M415.909%20128h192.182c52.977%200%2095.909%2042.853%2095.909%2095.715v672.285l-
192-192-192%20192v-672.285c0-52.778%2042.94-95.715%2095.909-95.715zM415.988%20160c-
35.339%200-63.988%2028.749-63.988%2063.806v595.393l160-160%20160%20160v-595.393c0-
35.239-28.398-63.806-63.988-63.806h-192.025z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
background-position-y: -7px;
}
.li .save_ai:hover{
/* fixme; find a way to change the fill color of the svg */
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath
%20fill%3D%22%23ffffff%22%20d%3D
%22M415.909%20128h192.182c52.977%200%2095.909%2042.853%2095.909%2095.715v672.285l-
192-192-192%20192v-672.285c0-52.778%2042.94-95.715%2095.909-95.715zM415.988%20160c-
35.339%200-63.988%2028.749-63.988%2063.806v595.393l160-160%20160%20160v-595.393c0-
35.239-28.398-63.806-63.988-63.806h-192.025z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.li .save_ai.saved{
background-image: var(--svg-saved-red-2);
}
.save_ai_button{
cursor: pointer;
display: flex;
border-radius: var(--border-radius-large);
padding: 7px 20px;
margin: 7px 0 28px;
transition: all 0.2s ease;
align-items: center;
justify-content: center;
background: #3d404f;
box-shadow: 0 0 4px 0 #00000066;
}
.save_ai_button *{
pointer-events: none;
}
.save_ai.single{
display: flex;
position: relative;
top: auto;
}
.save_ai.saved{
background-image: var(--svg-saved-red-2);
display: flex;
animation: scaleIcon 0.2s ease-out;
}
.save_ai svg{
fill: none;
stroke: #8b8c98;
stroke-width: 2px;
width: 20px;
height: 20px;
}
.tags{
gap: 9px 0;
margin: 12px 0;
display: flex;
flex-wrap: wrap;
}
.tag{
display: inline-block;
background: #3f404d;
padding: 2px 5px;
border-radius: 3px;
margin: 0 5px 5px 0;
font-size: 11px;
cursor: pointer;
}
.tag.highlight{
background: var(--highlight);
}
.price{
font-size: 11px;
font-style: italic;
background: none;
}
#letter_display{
z-index: 6;
opacity: 0.8;
width: 200px;
height: 200px;
max-width: 95%;
background: #2f303b;
color: #1d1e27;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 22px;
font-size: 135px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
position: fixed;
}
#letter_display svg{
width: 90px;
fill: #1d1e27;
}
#letter_display.hist{
font-size: 70px;
}
#letter_display.transparent{
opacity: 0;
z-index: -1;
visibility: hidden;
}
.quickscroll{
position: fixed;
display: flex;
align-items: center;
flex-direction: column;
text-transform: uppercase;
user-select: none;
top: 50%;
transform: translateY(-50%);
color: var(--color-medium);
right: auto;
left: -50px;
}
#periods_scroll,
#letters_scroll{
transition: transform 0.4s ease-in-out;
z-index: 10;
}
.jump_letter{
padding: 3px 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
user-select: none;
}
#icon-twitter{
position: relative;
height: 27px;
width: 27px;
top: -10px;
display: flex;
align-items: center;
justify-content: center;
}
.icon-twitter{
position: relative;
height: 27px;
width: 27px;
}
#icon-twitter img,
.icon-twitter img{
width: 27px;
height: 27px;
border-radius: 50%;
}
#icon-twitter svg,
.icon-twitter svg{
position: relative;
bottom: 0;
right: 0;
fill: #1d9bf0;
width: 17px;
}
#periods_scroll .jump_letter{
padding: 5px 10px;
}
.quickscroll.out{
}
.jump_letter.active{
background: var(--color-dark-2);
border-radius: var(--border-radius-small);
}
.quickscroll svg{
fill: var(--color-medium);
width: 17px;
}
.jump_letter > *{
pointer-events: none;
}
.icon_wrap{
position: relative;
overflow: hidden;
border-radius: var(--icon-border-radius);
width: var(--icon-size);
min-width: var(--icon-size);
height: var(--icon-size);
}
.icon_wrap_outer .edit_icon_btn,
.generator_header_top .edit_screenshot_btn{
display: block;
position: absolute;
width: 24px;
height: 24px;
background-image: var(--svg-edit-ccc);
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
background-color: var(--color-medium-5);
border-radius: var(--border-radius-small);
opacity: 0.7;
cursor: pointer;
}
.icon_wrap_outer .edit_icon_btn:hover,
.generator_header_top .edit_screenshot_btn:hover{
background-image: var(--svg-edit-fff);
}
.icon_wrap_outer .edit_icon_btn{
right: -12px;
top: -12px;
}
.generator_header_top .edit_screenshot_btn{
right: 5px;
top: 5px;
width: 32px;
height: 32px;
}
.icon_wrap.l{
border-radius: var(--icon-border-radius-l);
width: var(--icon-size-l);
min-width: var(--icon-size-l);
height: var(--icon-size-l);
}
.icon_wrap.s{
border-radius: var(--icon-border-radius-s);
width: var(--icon-size-s);
min-width: var(--icon-size-s);
height: var(--icon-size-s);
}
.icon_wrap::after{
content: '';
position: absolute;
top: -51%;
left: -26px;
bottom: 10%;
background: linear-gradient(45deg, #ffffff08, transparent);
z-index: 3;
border-radius: 0;
transform: rotate(313deg);
pointer-events: none;
width: 164%;
height: var(--icon-size);
}
.icon_wrap.s::after{
height: var(--icon-size-s);
}
.icon_wrap_outer{
position: relative;
border-radius: var(--icon-border-radius);
width: var(--icon-size);
min-width: var(--icon-size);
height: var(--icon-size);
}
.icon_wrap_outer.l{
border-radius: var(--icon-border-radius-l);
width: var(--icon-size-l);
min-width: var(--icon-size-l);
height: var(--icon-size-l);
}
.icon_wrap_outer.s{
border-radius: var(--icon-border-radius-s);
width: var(--icon-size-s);
min-width: var(--icon-size-s);
height: var(--icon-size-s);
}
.switch_wrap {
position: sticky;
top: -1px;
display:block;
z-index: 100;
font-size: 15px;
max-width: 100%;
}
.switch_wrap svg,
.switch_wrap .img{
width: 16px;
height: 16px;
display: inline-block;
margin-right: 6px;
fill: var(--color-medium);
}
#switch{
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
/*border-top-left-radius: 30px;*/
/*border-top-right-radius: 30px;*/
/*background-image: linear-gradient(180deg, #30313d, #343541 100%);*/
background: #343541;
box-shadow: 0 -3px 4px 0 #31323c;
border-bottom: 1px solid #2d2e36;
width: 100%;
user-select: none;
padding-top: 1px;
display: flex;
flex-direction: row;
}
#switch::-webkit-scrollbar {
display: none;
}
#switch_inner{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
/*margin: 29px auto -11px;*/
justify-content: center;
padding: 0;
margin: 0;
flex-grow: 1;
}
#switch_inner_left{
display: flex;
min-width: 232px;
}
#switch_most_saved{
position: relative;
}
/*New label*/
.view_on_timeline{
position: relative;
}
/*.view_on_timeline::before{*/
/* content: "☝️ New";*/
/* position: absolute;*/
/* left: 20px;*/
/* bottom: -26px;*/
/* color: #ffce0d;*/
/* display: block;*/
/* font-size: 10px;*/
/* background: #4f5269;*/
/* padding: 1px 6px;*/
/* border-radius: 32px;*/
/* font-weight: 600;*/
/* z-index: 4;*/
/* transform: translateX(-50%);*/
/*}*/
#switch_most_saved svg{
top: 2px;
position: relative;
}
#switch #switch_search svg{
margin-right: 0;
}
#switch_hist_menu svg, #switch_hist svg{
position: relative;
top: -1px;
}
.switch_wrap .tab *{
pointer-events: none;
}
#switch_alphab svg{
margin-right: 0;
}
#switch_saved {
position: absolute;
top: 0;
right: 0;
height: 43.5px;
}
#switch_saved .switch_inbox_li,
#switch_profile_menu .switch_inbox_li {
position: relative;
}
#ctrl_user .popup_menu{
left: 0;
right: 0;
top: 31px;
border-top: 15px solid transparent;
margin: 0;
}
#ctrl_user .popup_menu svg{
width: 18px;
height: 18px;
fill: var(--color-icon-light);
}
#switch_saved .tab{
background-color: #343541;
border-radius: 0;
z-index: 16;
padding: 5px 11px 5px 14px;
margin: 0 0;
}
#switch_saved .tab * {
pointer-events: none;
}
#switch_saved .tab .my_profile_picture {
width: 25px;
height: 25px;
border-radius: 50%;
}
#switch_saved_menu{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: 50px;
overflow-y: hidden;
}
#switch_saved_menu .img{
background-image:
url("https://media.theresanaiforthat.com/assets/saved.png");
}
#switch_saved_menu.active .img,
#switch_saved_menu:hover .img{
background-image: url("https://media.theresanaiforthat.com/assets/saved-
hover.png");
}
#switch_saved_menu .row{
gap: 10px;
}
#switch_saved_menu .headerbtn_saved {
justify-content: flex-start;
top: 14px;
}
#switch_saved_menu .headerbtn_signup {
justify-content: flex-start;
top: -4px;
}
#switch_saved_menu .headerbtn_signup .img{
background-image: url('https://media.theresanaiforthat.com/assets/gift-
green.svg');
}
#switch_saved_menu:hover .headerbtn_signup .img{
background-image: url('https://media.theresanaiforthat.com/assets/gift-
hover.svg');
}
body:not(.visitor) #switch_saved_menu {
display: none;
}
.headerbtn_saved{
position: relative;
justify-content: flex-start;
}
.headerbtn_signup{
position: relative;
justify-content: flex-start;
}
.headerbtn_signup{
transform: translateY(100px);
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
/*#switch .tab::before{*/
/* content: '';*/
/* display: block;*/
/* width: 14px;*/
/* height: 14px;*/
/* position: relative;*/
/* background-size: contain;*/
/* background-repeat: no-repeat;*/
/* margin-right: 5px;*/
/*}*/
/*#switch_search::before{*/
/* background-image:
url('https://media.theresanaiforthat.com/assets/switch_search.svg');*/
/*}*/
body.quickscroll-mobile #switch{
position: fixed;
}
body.quickscroll-mobile #data_hist,
body.quickscroll-mobile #data_alphab,
body.quickscroll-mobile #data_new
{
/*margin-top: 47px;*/
margin-top: 53px;
}
.switch_wrap .label{
margin-right: 10px;
color: var(--color-medium);
}
.tab{
padding: 12px;
margin: 0 3px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--border-radius-small);
/*color: var(--color-medium);*/
/*color: #999bb6;*/
color: var(--color-medium-13);
flex: 0 0 auto;
width: auto;
font-weight: 700;
position: relative;
}
.tab:first-child {
margin: 0 3px 0 0;
}
.tab:last-child {
margin: 0 0 0 3px;
}
.tab:hover{
background: var(--color-dark-2);
color: var(--color-light);
transition: none;
}
.tab.active{
/*background-color: #2e2f39;*/
/*border-radius: var(--border-radius-small);*/
border-bottom: 2px solid #c8c9d3;
border-radius: 0;
}
a.tab.active,
a.tab.active:visited,
a.tab.active.visited{
color: #fff;
}
.tabbed_menu{
display: flex;
justify-content: flex-start;
margin: 0;
background: #343541;
z-index: 12;
padding: 6px 0 6px;
max-width: 100%;
overflow: hidden;
}
.tabbed_menu.sticky{
position: sticky;
top: var(--ctrl-height);
height: var(--filters-height);
background: #343540de;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
padding-left: 16px;
}
.filters .tabbed_menu.sticky {
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.tab_inner {
pointer-events: none;
line-height: 15px;
}
.filter_by{
display: flex;
padding: 0;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.tabbed_menu .tabs_inner{
display: inline-flex;
justify-content: flex-start;
box-sizing: border-box;
width: auto;
border-radius: 0;
padding: 2px 0;
flex-wrap: nowrap;
align-items: center;
scrollbar-width: none;
overflow-x: scroll;
}
.tabbed_menu .tabs_inner::-webkit-scrollbar {
display: none;
}
.tabbed_menu .tab{
width: max-content;
box-sizing: border-box;
padding: 9px 19px;
border-radius: 40px;
position: relative;
color: var(--color-light);
}
#header .filters{
margin: 0 0;
}
#header .filters .tabbed_menu .tab{
background: linear-gradient(45deg, #3c3d49, #404457);
padding: 12px 28px;
}
#ctrl.swiped_up,
.filters.swiped_up,
.tabbed_menu.swiped_up{
transform: translateY(calc(-1*var(--ctrl-height)));
}
#ctrl, .filters, .tabbed_menu{
transition: transform 0.3s ease;
}
.tabbed_menu a.tab.active{
border: none;
background: var(--color-light);
color: var(--color-dark-2);
border-radius: 15px;
}
.tabbed_menu a.tab.active{
border: none;
background: var(--color-light);
color: var(--color-dark-2);
border-radius: 15px;
}
.tabbed_menu img,
.tabbed_menu svg{
height: 19px;
width: auto;
margin: 0 8px 0 0;
border-radius: 50%;
}
.tabbed_menu .android img{
border-radius: 0;
width: 21px;
top: -1px;
position: relative;
}
.tabbed_menu .agents img, .tabbed_menu .agents svg{
border-radius: 0;
position: relative;
height: 20px;
}
#switch_community{
}
#switch_rip{
display: none;
}
#switch_featured{
background: -webkit-linear-gradient(#ff5722 45%, #d900ff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 500;
}
#switch_featured:hover{
background: -webkit-linear-gradient(#ff5722 25%, #de00bf);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*#switch_featured::before{*/
/* content: "";*/
/* width: 13px;*/
/* height: 12px;*/
/* margin-right: 3px;*/
/* display: inline-block;*/
/* background-image: url('https://media.theresanaiforthat.com/assets/star-
selected.svg');*/
/* background-size: cover;*/
/*}*/
#switch_community::after{
content: "";
width: 14px;
height: 14px;
/*background-image:
url('https://media.theresanaiforthat.com/assets/external-link-medium.svg');*/
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A
%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22768%22%20height%3D%22768%22%20viewBox
%3D%220%200%20768%20768%22%3E%3Cpath%20fill%3D%22%23727586%22%20d%3D
%22M544%20416v192c0%208.832-3.552%2016.8-9.376%2022.624s-13.792%209.376-
22.624%209.376h-352c-8.832%200-16.8-3.552-22.624-9.376s-9.376-13.792-9.376-22.624v-
352c0-8.832%203.552-16.8%209.376-22.624s13.792-9.376%2022.624-
9.376h192c17.664%200%2032-14.336%2032-32s-14.336-32-32-32h-192c-26.496%200-
50.56%2010.784-67.872%2028.128s-28.128%2041.376-
28.128%2067.872v352c0%2026.496%2010.784%2050.56%2028.128%2067.872s41.376%2028.128%2
067.872%2028.128h352c26.496%200%2050.56-10.784%2067.872-28.128s28.128-
41.376%2028.128-67.872v-192c0-17.664-14.336-32-32-32s-32%2014.336-
32%2032zM342.624%20470.624l297.376-
297.376v114.752c0%2017.664%2014.336%2032%2032%2032s32-14.336%2032-32v-192c0-4.352-
0.864-8.48-2.432-12.256s-3.872-7.296-6.912-10.336c-0.032-0.032-0.032-0.032-0.064-
0.064-2.944-2.944-6.464-5.312-10.336-6.912-3.776-1.568-7.904-2.432-12.256-2.432h-
192c-17.664%200-32%2014.336-32%2032s14.336%2032%2032%2032h114.752l-
297.376%20297.376c-12.512%2012.512-
12.512%2032.768%200%2045.248s32.768%2012.512%2045.248%200z%22%3E%3C%2Fpath%3E%3C
%2Fsvg%3E');
background-size: cover;
margin-left: 3px;
position: relative;
}
#switch_community:hover::after{
background-image: var(--svg-external-link);
}
#records_count{
text-align: center;
color: #575867;
}
#controls{
position: fixed;
z-index: 2;
bottom: 17px;
right: 26px;
display: flex;
flex-direction: column;
color: var(--color-medium);
}
#controls svg{
width: 20px;
height: 20px;
fill: var(--color-medium);
position: relative;
top: -2px;
right: -2px;
margin-top: 7px;
}
.message_btn_small{
width: 14px;
}
#icon-plus{
border-radius: 50%;
padding: 6px;
}
#help{
cursor: pointer;
text-align: center;
position: relative;
top: -13px;
left: 2px;
}
#help_modal{
visibility: hidden;
opacity: 0;
position: fixed;
transition: opacity 0.2s ease-in-out;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--color-dark);
border-radius: var(--border-radius-large);
padding: 38px;
}
#help_modal.opaque{
visibility: visible;
opacity: 1;
transition: opacity 0.2s ease-in-out;
z-index: 112;
}
#help_modal .instruction{
list-style-type: none;
margin: 9px 0;
padding: 0;
background: none;
box-shadow: none;
}
.requests_wrap{
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.request,
.request.row{
width: 100%;
margin: 11px auto;
justify-content: space-between;
gap: 19px;
flex-wrap: nowrap;
}
.request .col{
background-image: linear-gradient(45deg, #383a46, #373846);
box-shadow: 0 0 4px 0 #1a1b27ad;
display: flex;
flex-direction: column;
flex-grow: 1;
align-items: flex-start;
height: max-content;
box-sizing: border-box;
padding: 22px 29px 46px;
gap: 6px;
border-radius: var(--border-radius-small);
cursor: pointer;
max-width: calc(100% - 120px);
min-height: 116px;
position: relative;
}
.request .request_right.feature_request{
padding-bottom: 66px;
}
.request .request_right.feature_request .request_footer .request_type{
padding: 0 0 0 14px;
}
.request_title{
font-size: 22px;
color: var(--color-light);
}
.request_description{
pointer-events: none;
max-width: 100%;
font-size: 15px;
margin: 9px 0 5px;
color: var(--color-medium-8);
}
.request_footer.row{
position: absolute;
bottom: 10px;
justify-content: flex-start;
gap: 6px 0;
}
.request_footer .comment_user_picture{
width: 22px;
height: 22px;
}
.request_footer .comment_user_name{
font-size: 12px;
color: var(--color-medium-2);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 45%;
display: inline-block;
}
.request_footer a{
display: inline-flex;
align-items: center;
}
.request_footer a.request_footer_ai_link{
background: var(--color-medium-6);
padding: 4px 12px 4px 5px;
border-radius: var(--border-radius-small);
margin-left: 14px;
}
.request_footer a.request_footer_ai_link:hover{
color: var(--color-android);
}
.request_footer img{
width: initial;
height: initial;
background: initial;
}
.request_ai_icon_wrap{
max-width: 87%;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
}
.request .launch_date_top{
font-size: 12px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-medium-2);
margin: 0 0 0 7px;
}
.show_message_modal *{
pointer-events: none;
}
.show_message_modal svg{
width: 14px;
}
.request .launch_date_top svg{
margin: 0 4px 0 12px;
width: 13px;
fill: var(--color-medium-2);
}
.request_type{
padding: 5px 10px;
border-radius: var(--border-radius-small);
font-size: 12px;
/* font-weight: 600; */
background: var(--color-dark);
margin-right: 10px;
display: flex;
align-items: center;
}
.request_type .icon_wrap_outer{
margin: 0 4px 0 2px;
}
.request_type_1{
/*background: var(--color-yellow);*/
}
.request_type_2{
/*background: var(--color-remove);*/
}
.request:hover .col{
background: var(--color-dark);
}
.new_request_wrap{
display: flex;
justify-content: center;
gap: 10px;
margin: 10px auto 18px;
max-width: 94%;
}
.new_request_wrap input{
display: none;
}
.new_request{
background: var(--color-yellow);
color: var(--color-dark);
padding: 10px 20px;
border-radius: var(--border-radius-small);
font-size: 18px;
font-weight: 600;
display: inline-block;
}
.new_request:hover{
background: var(--color-chrome);
}
.search_requests{
margin: 0;
}
.pill span{
margin: 0 10px 0 4px;
}
.pill.nobg a{
text-decoration: underline;
text-decoration-color: var(--color-yellow);
text-decoration-thickness: 2px;
font-weight: 500;
}
.vote_request{
display: flex;
flex-direction: column;
align-items: center;
width: 95px;
box-shadow: 0 0 4px 0 #1a1b27ad;
padding: 9px 3px;
}
.vote_request .vote_count{
display: flex;
flex-direction: column;
align-items: center;
border-radius: var(--border-radius-small);
font-size: 20px;
}
.vote_request .votes_count{
}
.vote_request .votes_label{
font-size: 12px;
color: var(--color-medium);
}
.vote_request .votes_answers{
font-size: 12px;
color: var(--color-light);
margin: 3px 0;
}
.vote_request .request_vote_button{
background-image: linear-gradient(45deg, #3e4050, #373846);
box-shadow: 0 0 4px 0 #1a1b27ad;
padding: 7px 16px;
border-radius: var(--border-radius-large);
margin-top: 7px;
text-transform: uppercase;
cursor: pointer;
}
.vote_request .request_vote_button:hover{
background: var(--color-dark-0);
}
.vote_request .request_vote_button.voted{
background: var(--color-yellow);
color: var(--color-dark);
}
.vote_request .request_vote_button.voted:hover{
background: var(--color-remove);
color: var(--color-light);
}
h3{
text-align: center;
margin: 4px 0 32px;
}
#help_modal .key{
background: #22232b;
padding: 5px 8px;
border-radius: 3px;
font-size: 12px;
color: var(--color-light);
}
#help_modal .key_outer{
width: 76px;
display: inline-flex;
justify-content: flex-end;
margin-right: 10px;
}
#close_help{
position: absolute;
top: 10px;
right: 10px;
color: var(--color-medium);
cursor: pointer;
padding: 9px 14px;
background: #2c2d36;
border-radius: var(--border-radius-small);
}
#close_help:hover{
background: #222328;
}
#olay{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 1;
}
#olay2,
#olay3{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
z-index: 111;
/*transition: opacity 0.12s ease-in-out;*/
}
#olay2.blur{
background: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
opacity: 1;
}
#olay2.invisible,
#olay3.invisible{
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out;
}
#nsfw_content_modal{
padding: 40px;
}
#nsfw_content_modal .modal-header .title{
font-size: 24px;
}
#nsfw_content_modal .modal-content{
line-height: 25px;
margin: 20px 0;
}
.li.m:hover,
#sidebar_right li.m:hover{
/*background: linear-gradient(90deg, transparent, #4243549e);*/
background: #383947;
}
footer{
text-align: center;
margin: 0;
color: var(--color-medium-3);
font-size: 17px;
background: var(--color-dark-2);
padding-bottom: 40px;
padding-top: 30px;
position: relative;
z-index: 2;
padding-left: 60px;
}
footer a{
color: inherit;
}
footer a.active{
color: var(--color-light);
}
.footer_social{
font-size: 22px;
color: var(--color-light);
margin: -6px 0 50px;
text-align: left;
}
.footer_social p{
margin-top: 10px;
margin-bottom: 25px;
font-size: 27px;
font-weight: bold;
}
.footer_social > a.button{
margin: 0 0;
background-color: var(--color-red);
color: #fff;
font-size: 14px;
border-radius: var(--border-radius-small);
padding: 14px 20px;
}
.footer_social > a.button:hover{
background-color: var(--color-green-2);
}
.footer_social .footer_social_links_wrap{
display: flex;
gap: 5px;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
position: relative;
left: -11px;
}
.footer_social .footer_social_links_wrap a{
box-sizing: border-box;
padding: 5px 10px;
/*background: var(--color-dark-0);*/
/*border-radius: var(--border-radius-large);*/
/*box-shadow: 0 0 4px 0 #0000008f;*/
display: inline-flex;
gap: 0 9px;
}
.footer_social a:hover{
background: var(--color-light-2);
}
.footer_social_subtitle{
font-size: 13px;
margin: 12px 0 30px;
text-align: left;
line-height: 20px;
}
.footer_logo {
padding: 40px 0;
}
.footer_logo .logo {
width: 50%;
}
.footer_inner {
padding-top: 33px;
display: grid;
grid-template-columns: 30% 20% 20% 15% 5%;
grid-gap: var(--grid-gap);
width: 87%;
max-width: 750px;
font-size: 14px;
margin: 0 auto 20px;
border-top: 1px solid var(--color-medium-11);
}
.footer_logo{
border-top: 1px solid var(--color-medium-11);
max-width: 87%;
margin: 0 auto;
}
#footer_rights {
font-size: 12px;
padding: 0 40px;
}
.footer_links_column {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.footer_links_column > a {
margin: 5px 0;
}
.footer_links_column.notitle a:first-child {
margin-top: 0;
}
.footer_links_column > span.title {
font-weight: 600;
letter-spacing: 1px;
font-size: 14px;
color: var(--color-white);
margin-bottom: 10px;
}
.footer_social img{
width: 20px;
}
*.hidden{
display: none!important;
}
*.visible{
display: initial!important;
}
*.invisible{
visibility: hidden!important;
opacity: 0!important;
transition: opacity 0.2s ease-in-out;
height: 0!important;
width: 0!important;
min-height: 0!important;
margin: 0!important;
padding: 0!important;
}
*.invisible *,
*.invisible *::after,
*.invisible *::before {
width: 0 !important;
height: 0 !important;
visibility: hidden;
padding: 0 !important;
margin: 0 !important;
}
*.invisible *::after,
*.invisible *::before{
content: ''!important;
}
*.clickable{
cursor: pointer;
}
*.clickable *{
pointer-events: none;
}
*:hover{
transition: all 0.2s ease;
}
.fade-in-right{
/*-webkit-animation: fade-in-right 0.6s ease-out both;*/
/*animation: fade-in-right 0.6s ease-out both;*/
transform: translate3d(-66px, -50%, 0);
transition-timing-function: ease-out;
}
.fade-in-left{
/*-webkit-animation: fade-in-left 0.6s ease-out both;*/
/*animation: fade-in-left 0.6s ease-out both;*/
transform: translate3d(123px, -50%, 0);
transition-timing-function: ease-out;
}
.quickscroll_2.fade-in-right{
transform: translate3d(66px, -50%, 0);
}
#periods_scroll.fade-in-right-end,
#letters_scroll.fade-in-right-end{
transform: translate3d(-66px, -50%, 0);
transition: none;
animation: none;
}
#periods_scroll.fade-in-left-end,
#letters_scroll.fade-in-left-end{
transform: translate3d(123px, -50%, 0);
transition: none;
animation: none;
}
.quickscroll_2#periods_scroll.fade-in-right-end,
.quickscroll_2#letters_scroll.fade-in-right-end{
transform: translate3d(66px, -50%, 0);
}
.fade-out-right {
/*-webkit-animation: fade-out-right 0.6s ease-in both;*/
/*animation: fade-out-right 0.6s ease-in both;*/
transform: translate3d(50px, -50%, 0);
transition-timing-function: ease-in;
}
.fade-out-left{
/*-webkit-animation: fade-out-left 0.6s ease-in both;*/
/*animation: fade-out-left 0.6s ease-in both;*/
transform: translate3d(-50px, -50%, 0);
transition-timing-function: ease-in;
}
.quickscroll_2.fade-out-right {
transform: translate3d(-50px, -50%, 0);
}
.fade-in-top {
-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565,
1.000) both;
animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-in-top-list {
-webkit-animation: fade-in-top-list 0.5s cubic-bezier(0.390, 0.575, 0.565,
1.000) both;
animation: fade-in-top-list 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)
both;
}
div,
span{
box-sizing: border-box;
}
/* Utility classes */
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.position-relative, .relative{
position: relative;
}
.position-absolute, .absolute{
position: absolute;
}
.transparent {
opacity: 0;
}
.justify-center{
justify-content: center;
}
.bold{
font-weight: bold;
}
.italic{
font-style: italic;
}
.top-0{
top: 0;
}
.mt-10{
margin-top: 10px;
}
.mt-20{
margin-top: 20px;
}
.mt-50{
margin-top: 50px;
}
.mb-10{
margin-bottom: 10px;
}
.mb-20{
margin-bottom: 20px;
}
.mb-30{
margin-bottom: 30px;
}
.mr-10{
margin-right: 10px;
}
.ml-4{
margin-left: 4px;
}
.ml-10{
margin-left: 10px;
}
.flex{
display: flex;
}
.gap20{
gap:20px;
}
.align-center{
align-items: center;
}
.align-start{
align-items: flex-start;
}
.col{
flex-direction: column;
}
input, textarea{
font-size: 16px;
background: var(--color-input);
border: none;
border-radius: var(--border-radius-large);
padding: 11px 10px;
color: var(--color-light);
margin: 11px 0;
box-shadow: inset 0 0 4px 0 #00000014;
outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: none!important;
}
@media(max-width: 375px){
*.hidden-xxs{
display: none;
}
}
.ellipsis{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.banner{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px 0;
background: var(--color-dark-2);
color: var(--color-light);
margin: 15px 0;
}
#bottom_banner {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 110px;
z-index: 121;
text-align: center;
background-color: var(--color-blue-4);
padding: 16px;
box-sizing: border-box;
opacity: 0.96;
}
#bottom_banner span.collapse_button {
display: block;
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%) translateY(50%) rotate(90deg);
color: var(--color-light);
cursor: pointer;
}
#bottom_banner span.collapse_button > * {
pointer-events: none;
}
#bottom_banner span.collapse_button svg {
width: 30px;
}
#bottom_banner span.collapse_button svg path {
fill: var(--color-light);
}
#bottom_banner.expanded {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: var(--color-dark-2);
}
#bottom_banner.expanded .inner_text {
font-size: 20px;
}
#bottom_banner.expanded #setup_link {
margin-top: 20px;
}
#setup_invitation {
text-align: center;
padding: 16px;
box-sizing: border-box;
}
#bottom_banner .inner_text, #setup_invitation .inner_text {
min-height: 40px;
line-height: 26px;
}
#bottom_banner a.button {
display: inline-block;
}
a#setup_link.button {
font-size: 14px;
}
a#setup_link.button:hover {
background-color: var(--color-blue);
color: var(--color-light);
box-shadow: 0 0 0 1px var(--color-blue-2);
}
#author{
color: var(--color-medium);
text-align: center;
margin: 44px auto 20px;
background: #30313c;
padding: 24px;
max-width: 82%;
width: 400px;
font-size: 14px;
border-radius: var(--border-radius-large);
line-height: 26px;
}
#author a{
color: var(--color-medium);
text-decoration: underline;
}
#about_title{
text-align: center;
margin: 0 0 9px;
color: var(--color-medium);
font-weight: bold;
}
body.selecting ul{
/*padding-left: 0;*/
}
body.selecting .li{
cursor: pointer;
/*border: 1px dashed var(--color-medium);*/
/*margin: 14px 0;*/
}
/*body.selecting .li:after{*/
/* content: '';*/
/* width: 15px;*/
/* height: 15px;*/
/* display: flex;*/
/* color: var(--highlight-2);*/
/* align-items: center;*/
/* font-weight: bold;*/
/* justify-content: center;*/
/* background: var(--color-medium);*/
/* position: absolute;*/
/* right: 15px;*/
/* top: 50%;*/
/* transform: translateY(-50%);*/
/* border-radius: var(--border-radius-small);*/
/*}*/
body.selecting .li:before{
display: none;
}
body.selecting .li.selected{
/*border: 1px dashed var(--highlight-2);*/
background: linear-gradient(91deg, #57575b00, #22222c80);
transition: background 0.2s ease-in-out;
}
body.selecting .li.selected.active{
background: linear-gradient(90deg, transparent, #4243549e);
}
/*body.selecting .li.selected:after{*/
/* content: '✓';*/
/*}*/
.left{
display: flex;
flex-direction: column;
}
button,
.button{
cursor: pointer;
background: var(--color-light);
border: none;
color: var(--color-dark);
padding: 9px 18px;
border-radius: var(--border-radius-large);
font-family: inherit;
display: inline-block;
}
button:hover, .button:hover {
background: #bbbbc0;
}
.li.m:hover{
}
.social_icons{
display: flex;
gap: 15px;
}
.social_icons img{
width: 16px;
}
.checkbox{
display: none;
width: 12px;
height: 12px;
color: var(--highlight-2);
align-items: center;
font-weight: bold;
justify-content: center;
background: var(--color-medium);
position: absolute;
left: 10px;
top: 16px;
transform: translateY(-50%);
border-radius: var(--border-radius-small);
opacity: 0.2;
box-shadow: inset 0 0 2px 0 #00000058;
}
body.selecting .checkbox{
display: flex;
opacity: 0.3;
visibility: visible;
cursor: pointer;
}
.li.selected .checkbox{
opacity: 1;
visibility: visible;
cursor: pointer;
background: var(--color-dark);
}
#selections_cont{
min-height: 100%;
opacity: 0;
visibility: hidden;
position: fixed;
top: calc(100% - 91px);
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #2a2b35;
z-index: 15;
transition: opacity 0.3s ease-in-out, transform 0.13s ease-in-out;
width: 453px;
max-width: 100%;
padding: 0;
display: flex;
flex-direction: column;
font-weight: 500;
border-top-left-radius: var(--border-radius-large);
overflow: hidden;
border-top-right-radius: var(--border-radius-large);
}
#selections_cont.dragging{
bottom: auto;
transition: none;
}
#selections_cont.opaque{
opacity: 1;
visibility: visible;
box-shadow: 0 -1px 4px 0 #00000045;
}
.li.verified a.ai_link::after{
content: '';
position: relative;
/*background:
url('https://media.theresanaiforthat.com/assets/verified.png');*/
background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F
%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220.00%200.00%20615.00%20615.00%22%3E
%20%3Cg%20stroke-width%3D%222.00%22%20fill%3D%22none%22%20stroke-linecap%3D%22butt
%22%3E%20%3Cpath%20stroke%3D%22%23154c75%22%20vector-effect%3D%22non-scaling-stroke
%22%20d%3D%22%20M%2095.73%20264.70%20C
%2093.34%20267.82%2091.73%20271.29%2089.37%20274.55%20Q
%2087.90%20276.59%2086.59%20278.97%20C
%2083.72%20284.20%2079.72%20288.55%2076.68%20293.66%20C
%2074.01%20298.15%2070.46%20301.95%2067.91%20306.68%20Q
%2066.14%20309.96%2064.12%20312.66%20Q%2061.09%20316.72%2058.63%20320.86%20Q
%2056.08%20325.16%2053.36%20328.63%20Q%2052.22%20330.08%2053.68%20331.22%20Q
%2058.12%20334.66%2062.13%20338.50%20C
%2065.18%20341.42%2068.66%20343.76%2071.60%20346.52%20Q
%2078.21%20352.76%2084.19%20357.66%20C
%2090.66%20362.95%2096.54%20368.96%20103.18%20373.97%20Q
%20107.41%20377.16%20109.13%20380.03%20Q%20111.90%20384.65%20111.93%20388.48%20C
%20112.06%20402.85%20111.89%20417.89%20112.59%20432.99%20Q
%20113.02%20442.38%20113.06%20451.96%20Q%20113.07%20454.86%20113.86%20463.41%20Q
%20114.35%20468.72%20113.99%20474.90%20A%201.03%201.02%20-
89.2%200%200%20115.04%20475.99%20Q%20122.72%20475.71%20130.55%20476.92%20Q
%20135.86%20477.74%20141.82%20477.94%20Q%20150.03%20478.23%20157.01%20479.12%20C
%20163.84%20480.00%20170.65%20479.87%20177.49%20480.64%20C
%20182.10%20481.17%20186.98%20480.29%20190.50%20483.84%20C
%20195.59%20488.99%20199.71%20495.67%20204.49%20501.52%20Q
%20212.64%20511.51%20219.29%20520.19%20C
%20225.59%20528.41%20232.04%20536.20%20238.06%20544.53%20A
%203.83%203.83%200.0%200%200%20242.75%20545.77%20C
%20246.54%20544.05%20250.18%20542.19%20253.98%20540.68%20Q
%20267.70%20535.22%20280.00%20530.18%20Q%20292.09%20525.24%20303.88%20520.48%20Q
%20305.68%20519.75%20307.38%20518.91%20Q%20311.90%20516.68%20317.35%20519.42%20C
%20335.72%20528.67%20359.86%20539.58%20381.09%20549.90%20A
%202.00%201.99%2032.3%200%200%20383.51%20549.36%20C
%20388.49%20543.17%20393.08%20536.05%20397.63%20530.30%20Q
%20408.40%20516.66%20419.15%20501.90%20C
%20420.95%20499.44%20423.53%20496.64%20426.59%20496.22%20Q
%20437.48%20494.72%20448.64%20492.54%20C
%20451.52%20491.98%20454.47%20492.11%20457.32%20491.51%20Q
%20470.72%20488.69%20475.09%20488.10%20Q%20485.97%20486.62%20497.04%20484.34%20C
%20499.59%20483.81%20502.26%20483.98%20504.84%20483.24%20Q
%20508.55%20482.19%20512.39%20481.72%20Q%20512.93%20481.66%20512.95%20481.12%20C
%20513.10%20477.85%20511.98%20475.01%20511.99%20471.73%20Q
%20512.03%20446.03%20511.98%20420.20%20C
%20511.98%20417.61%20511.07%20415.17%20511.84%20412.67%20A%202.02%202.00%20-
44.8%200%200%20511.85%20411.51%20Q%20510.31%20406.32%20514.04%20402.39%20Q
%20522.21%20393.77%20529.49%20387.43%20Q%20530.82%20386.27%20532.03%20384.85%20C
%20534.17%20382.32%20536.94%20380.42%20539.31%20378.05%20Q
%20544.83%20372.55%20550.28%20367.12%20Q%20554.91%20362.51%20560.10%20358.07%20Q
%20565.33%20353.58%20569.95%20348.20%20A
%201.56%201.56%200.0%200%200%20570.07%20346.31%20Q
%20567.43%20342.36%20565.22%20337.53%20C
%20562.51%20331.57%20559.11%20326.15%20556.19%20320.14%20C
%20554.44%20316.55%20552.15%20313.20%20550.54%20309.44%20C
%20548.65%20305.02%20546.02%20300.86%20543.80%20296.46%20Q
%20539.25%20287.46%20534.17%20279.14%20Q%20533.80%20278.54%20534.10%20277.90%20Q
%20536.01%20273.82%20536.02%20269.22%20C
%20536.02%20266.09%20537.89%20263.78%20537.96%20260.65%20C
%20538.06%20256.49%20539.45%20252.51%20539.94%20248.31%20Q
%20540.89%20240.20%20543.11%20232.70%20Q%20543.91%20230.02%20544.10%20227.10%20C
%20544.30%20223.94%20545.52%20220.93%20545.79%20217.76%20C
%20546.01%20215.09%20546.25%20212.84%20546.92%20210.11%20Q
%20548.10%20205.32%20548.68%20200.73%20A%201.66%201.65%20-
74.9%200%200%20547.70%20199.01%20C
%20544.72%20197.73%20541.70%20196.65%20538.84%20195.14%20C
%20528.98%20189.96%20518.58%20186.10%20508.73%20180.80%20C
%20506.03%20179.35%20503.10%20178.43%20500.39%20176.94%20Q
%20497.47%20175.34%20494.57%20174.20%20Q%20488.42%20171.79%20480.13%20167.39%20C
%20477.13%20165.79%20476.09%20160.23%20475.97%20157.25%20C
%20475.85%20154.12%20474.37%20151.46%20474.10%20148.25%20Q
%20473.82%20144.92%20472.68%20141.44%20C
%20471.86%20138.96%20472.11%20136.35%20471.36%20133.84%20Q
%20470.20%20129.99%20469.97%20126.24%20C
%20469.72%20122.04%20468.15%20118.33%20467.79%20114.05%20C
%20467.55%20111.23%20466.10%20108.92%20466.05%20106.01%20C
%20465.99%20102.81%20464.31%20100.61%20464.08%2097.60%20C
%20463.91%2095.42%20464.19%2092.04%20461.03%2092.02%20Q
%20424.13%2091.86%20386.65%2092.01%20C
%20384.86%2092.02%20382.79%2091.42%20381.38%2090.38%20C
%20374.48%2085.26%20367.50%2080.16%20360.88%2074.77%20Q
%20354.73%2069.76%20347.75%2064.47%20Q%20338.90%2057.75%20329.57%2049.92%20Q
%20325.18%2046.23%20319.23%2042.69%20C
%20317.70%2041.78%20316.38%2042.03%20315.03%2043.03%20Q
%20305.24%2050.24%20294.82%2058.13%20Q%20291.81%2060.42%20288.78%2062.44%20C
%20284.72%2065.14%20281.30%2068.47%20277.35%2071.17%20Q
%20274.56%2073.07%20271.78%2074.94%20C
%20266.23%2078.66%20261.36%2084.42%20254.19%2084.82%20C
%20239.22%2085.65%20223.41%2084.19%20209.22%2084.02%20Q
%20189.53%2083.78%20170.86%2084.03%20A
%200.70%200.70%200.0%200%200%20170.17%2084.75%20Q
%20170.28%2088.11%20168.99%2091.17%20C
%20168.09%2093.31%20168.12%2095.35%20167.92%2097.59%20C
%20167.60%20101.12%20166.37%20104.37%20165.93%20107.86%20C
%20164.89%20116.07%20163.03%20124.22%20161.87%20132.41%20C
%20161.58%20134.46%20160.47%20136.02%20160.27%20138.10%20Q
%20159.62%20144.77%20157.67%20153.21%20C
%20157.12%20155.60%20154.64%20156.75%20152.42%20157.42%20Q
%20131.10%20163.77%20108.31%20171.20%20C
%2099.15%20174.19%2089.77%20176.52%2080.80%20179.74%20C
%2079.67%20180.15%2078.63%20180.05%2077.47%20180.25%20Q
%2076.87%20180.35%2077.11%20180.91%20C
%2078.10%20183.25%2077.87%20185.64%2078.62%20188.04%20C
%2079.30%20190.20%2079.87%20192.32%2080.03%20194.61%20Q
%2080.21%20197.34%2081.37%20199.77%20C
%2082.36%20201.83%2081.98%20204.48%2082.58%20206.71%20Q
%2085.50%20217.71%2087.78%20229.19%20C
%2088.13%20230.93%2088.10%20232.75%2088.84%20234.40%20C
%2090.14%20237.29%2090.07%20240.33%2090.84%20243.34%20C
%2092.04%20248.03%2093.51%20252.82%2094.11%20257.66%20Q
%2094.51%20260.80%2095.85%20263.65%20A%201.02%201.01%20-
38.6%200%201%2095.73%20264.70%22%20%2F%3E%20%3Cpath%20stroke%3D
%22%2395cbf4%22%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22%20M
%20280.07%20340.77%20Q%20279.41%20341.09%20278.98%20340.77%20Q
%20253.70%20322.11%20233.17%20306.59%20Q%20229.56%20303.86%20225.91%20301.57%20A
%201.34%201.34%200.0%200%200%20224.32%20301.69%20Q
%20223.32%20302.56%20222.46%20303.65%20Q%20211.29%20317.92%20201.46%20330.84%20C
%20199.87%20332.94%20202.23%20334.58%20203.68%20335.75%20Q
%20244.45%20368.65%20281.83%20399.16%20Q%20283.47%20400.50%20285.42%20401.50%20Q
%20285.87%20401.73%20286.37%20401.59%20Q%20287.50%20401.26%20288.29%20400.34%20Q
%20348.76%20329.17%20407.28%20260.42%20Q%20409.15%20258.21%20407.00%20256.28%20Q
%20393.56%20244.21%20380.94%20232.77%20Q%20379.91%20231.83%20378.72%20231.24%20Q
%20378.26%20231.02%20377.84%20231.31%20Q%20376.51%20232.25%20375.56%20233.32%20C
%20343.82%20269.05%20312.15%20304.85%20280.36%20340.55%20A
%200.89%200.85%206.5%200%201%20280.07%20340.77%22%20%2F%3E%20%3C%2Fg%3E%20%3Cpath
%20fill%3D%22none%22%20d%3D%22%20M%20615.00%200.00%20L%20615.00%20615.00%20L
%200.00%20615.00%20L%200.00%200.00%20L%20615.00%200.00%20Z%20M%2095.73%20264.70%20C
%2093.34%20267.82%2091.73%20271.29%2089.37%20274.55%20Q
%2087.90%20276.59%2086.59%20278.97%20C
%2083.72%20284.20%2079.72%20288.55%2076.68%20293.66%20C
%2074.01%20298.15%2070.46%20301.95%2067.91%20306.68%20Q
%2066.14%20309.96%2064.12%20312.66%20Q%2061.09%20316.72%2058.63%20320.86%20Q
%2056.08%20325.16%2053.36%20328.63%20Q%2052.22%20330.08%2053.68%20331.22%20Q
%2058.12%20334.66%2062.13%20338.50%20C
%2065.18%20341.42%2068.66%20343.76%2071.60%20346.52%20Q
%2078.21%20352.76%2084.19%20357.66%20C
%2090.66%20362.95%2096.54%20368.96%20103.18%20373.97%20Q
%20107.41%20377.16%20109.13%20380.03%20Q%20111.90%20384.65%20111.93%20388.48%20C
%20112.06%20402.85%20111.89%20417.89%20112.59%20432.99%20Q
%20113.02%20442.38%20113.06%20451.96%20Q%20113.07%20454.86%20113.86%20463.41%20Q
%20114.35%20468.72%20113.99%20474.90%20A%201.03%201.02%20-
89.2%200%200%20115.04%20475.99%20Q%20122.72%20475.71%20130.55%20476.92%20Q
%20135.86%20477.74%20141.82%20477.94%20Q%20150.03%20478.23%20157.01%20479.12%20C
%20163.84%20480.00%20170.65%20479.87%20177.49%20480.64%20C
%20182.10%20481.17%20186.98%20480.29%20190.50%20483.84%20C
%20195.59%20488.99%20199.71%20495.67%20204.49%20501.52%20Q
%20212.64%20511.51%20219.29%20520.19%20C
%20225.59%20528.41%20232.04%20536.20%20238.06%20544.53%20A
%203.83%203.83%200.0%200%200%20242.75%20545.77%20C
%20246.54%20544.05%20250.18%20542.19%20253.98%20540.68%20Q
%20267.70%20535.22%20280.00%20530.18%20Q%20292.09%20525.24%20303.88%20520.48%20Q
%20305.68%20519.75%20307.38%20518.91%20Q%20311.90%20516.68%20317.35%20519.42%20C
%20335.72%20528.67%20359.86%20539.58%20381.09%20549.90%20A
%202.00%201.99%2032.3%200%200%20383.51%20549.36%20C
%20388.49%20543.17%20393.08%20536.05%20397.63%20530.30%20Q
%20408.40%20516.66%20419.15%20501.90%20C
%20420.95%20499.44%20423.53%20496.64%20426.59%20496.22%20Q
%20437.48%20494.72%20448.64%20492.54%20C
%20451.52%20491.98%20454.47%20492.11%20457.32%20491.51%20Q
%20470.72%20488.69%20475.09%20488.10%20Q%20485.97%20486.62%20497.04%20484.34%20C
%20499.59%20483.81%20502.26%20483.98%20504.84%20483.24%20Q
%20508.55%20482.19%20512.39%20481.72%20Q%20512.93%20481.66%20512.95%20481.12%20C
%20513.10%20477.85%20511.98%20475.01%20511.99%20471.73%20Q
%20512.03%20446.03%20511.98%20420.20%20C
%20511.98%20417.61%20511.07%20415.17%20511.84%20412.67%20A%202.02%202.00%20-
44.8%200%200%20511.85%20411.51%20Q%20510.31%20406.32%20514.04%20402.39%20Q
%20522.21%20393.77%20529.49%20387.43%20Q%20530.82%20386.27%20532.03%20384.85%20C
%20534.17%20382.32%20536.94%20380.42%20539.31%20378.05%20Q
%20544.83%20372.55%20550.28%20367.12%20Q%20554.91%20362.51%20560.10%20358.07%20Q
%20565.33%20353.58%20569.95%20348.20%20A
%201.56%201.56%200.0%200%200%20570.07%20346.31%20Q%205
67.43%20342.36%20565.22%20337.53%20C
%20562.51%20331.57%20559.11%20326.15%20556.19%20320.14%20C
%20554.44%20316.55%20552.15%20313.20%20550.54%20309.44%20C
%20548.65%20305.02%20546.02%20300.86%20543.80%20296.46%20Q
%20539.25%20287.46%20534.17%20279.14%20Q%20533.80%20278.54%20534.10%20277.90%20Q
%20536.01%20273.82%20536.02%20269.22%20C
%20536.02%20266.09%20537.89%20263.78%20537.96%20260.65%20C
%20538.06%20256.49%20539.45%20252.51%20539.94%20248.31%20Q
%20540.89%20240.20%20543.11%20232.70%20Q%20543.91%20230.02%20544.10%20227.10%20C
%20544.30%20223.94%20545.52%20220.93%20545.79%20217.76%20C
%20546.01%20215.09%20546.25%20212.84%20546.92%20210.11%20Q
%20548.10%20205.32%20548.68%20200.73%20A%201.66%201.65%20-
74.9%200%200%20547.70%20199.01%20C
%20544.72%20197.73%20541.70%20196.65%20538.84%20195.14%20C
%20528.98%20189.96%20518.58%20186.10%20508.73%20180.80%20C
%20506.03%20179.35%20503.10%20178.43%20500.39%20176.94%20Q
%20497.47%20175.34%20494.57%20174.20%20Q%20488.42%20171.79%20480.13%20167.39%20C
%20477.13%20165.79%20476.09%20160.23%20475.97%20157.25%20C
%20475.85%20154.12%20474.37%20151.46%20474.10%20148.25%20Q
%20473.82%20144.92%20472.68%20141.44%20C
%20471.86%20138.96%20472.11%20136.35%20471.36%20133.84%20Q
%20470.20%20129.99%20469.97%20126.24%20C
%20469.72%20122.04%20468.15%20118.33%20467.79%20114.05%20C
%20467.55%20111.23%20466.10%20108.92%20466.05%20106.01%20C
%20465.99%20102.81%20464.31%20100.61%20464.08%2097.60%20C
%20463.91%2095.42%20464.19%2092.04%20461.03%2092.02%20Q
%20424.13%2091.86%20386.65%2092.01%20C
%20384.86%2092.02%20382.79%2091.42%20381.38%2090.38%20C
%20374.48%2085.26%20367.50%2080.16%20360.88%2074.77%20Q
%20354.73%2069.76%20347.75%2064.47%20Q%20338.90%2057.75%20329.57%2049.92%20Q
%20325.18%2046.23%20319.23%2042.69%20C
%20317.70%2041.78%20316.38%2042.03%20315.03%2043.03%20Q
%20305.24%2050.24%20294.82%2058.13%20Q%20291.81%2060.42%20288.78%2062.44%20C
%20284.72%2065.14%20281.30%2068.47%20277.35%2071.17%20Q
%20274.56%2073.07%20271.78%2074.94%20C
%20266.23%2078.66%20261.36%2084.42%20254.19%2084.82%20C
%20239.22%2085.65%20223.41%2084.19%20209.22%2084.02%20Q
%20189.53%2083.78%20170.86%2084.03%20A
%200.70%200.70%200.0%200%200%20170.17%2084.75%20Q
%20170.28%2088.11%20168.99%2091.17%20C
%20168.09%2093.31%20168.12%2095.35%20167.92%2097.59%20C
%20167.60%20101.12%20166.37%20104.37%20165.93%20107.86%20C
%20164.89%20116.07%20163.03%20124.22%20161.87%20132.41%20C
%20161.58%20134.46%20160.47%20136.02%20160.27%20138.10%20Q
%20159.62%20144.77%20157.67%20153.21%20C
%20157.12%20155.60%20154.64%20156.75%20152.42%20157.42%20Q
%20131.10%20163.77%20108.31%20171.20%20C
%2099.15%20174.19%2089.77%20176.52%2080.80%20179.74%20C
%2079.67%20180.15%2078.63%20180.05%2077.47%20180.25%20Q
%2076.87%20180.35%2077.11%20180.91%20C
%2078.10%20183.25%2077.87%20185.64%2078.62%20188.04%20C
%2079.30%20190.20%2079.87%20192.32%2080.03%20194.61%20Q
%2080.21%20197.34%2081.37%20199.77%20C
%2082.36%20201.83%2081.98%20204.48%2082.58%20206.71%20Q
%2085.50%20217.71%2087.78%20229.19%20C
%2088.13%20230.93%2088.10%20232.75%2088.84%20234.40%20C
%2090.14%20237.29%2090.07%20240.33%2090.84%20243.34%20C
%2092.04%20248.03%2093.51%20252.82%2094.11%20257.66%20Q
%2094.51%20260.80%2095.85%20263.65%20A%201.02%201.01%20-
38.6%200%201%2095.73%20264.70%20Z%22%20%2F%3E%20%3Cpath%20fill%3D
%22%232a97e9%22%20d%3D%22%20M%2095.73%20264.70%20A%201.02%201.01%20-
38.6%200%200%2095.85%20263.65%20Q%2094.51%20260.80%2094.11%20257.66%20C
%2093.51%20252.82%2092.04%20248.03%2090.84%20243.34%20C
%2090.07%20240.33%2090.14%20237.29%2088.84%20234.40%20C
%2088.10%20232.75%2088.13%20230.93%2087.78%20229.19%20Q
%2085.50%20217.71%2082.58%20206.71%20C
%2081.98%20204.48%2082.36%20201.83%2081.37%20199.77%20Q
%2080.21%20197.34%2080.03%20194.61%20C
%2079.87%20192.32%2079.30%20190.20%2078.62%20188.04%20C
%2077.87%20185.64%2078.10%20183.25%2077.11%20180.91%20Q
%2076.87%20180.35%2077.47%20180.25%20C
%2078.63%20180.05%2079.67%20180.15%2080.80%20179.74%20C
%2089.77%20176.52%2099.15%20174.19%20108.31%20171.20%20Q
%20131.10%20163.77%20152.42%20157.42%20C
%20154.64%20156.75%20157.12%20155.60%20157.67%20153.21%20Q
%20159.62%20144.77%20160.27%20138.10%20C
%20160.47%20136.02%20161.58%20134.46%20161.87%20132.41%20C
%20163.03%20124.22%20164.89%20116.07%20165.93%20107.86%20C
%20166.37%20104.37%20167.60%20101.12%20167.92%2097.59%20C
%20168.12%2095.35%20168.09%2093.31%20168.99%2091.17%20Q
%20170.28%2088.11%20170.17%2084.75%20A
%200.70%200.70%200.0%200%201%20170.86%2084.03%20Q
%20189.53%2083.78%20209.22%2084.02%20C
%20223.41%2084.19%20239.22%2085.65%20254.19%2084.82%20C
%20261.36%2084.42%20266.23%2078.66%20271.78%2074.94%20Q
%20274.56%2073.07%20277.35%2071.17%20C
%20281.30%2068.47%20284.72%2065.14%20288.78%2062.44%20Q
%20291.81%2060.42%20294.82%2058.13%20Q%20305.24%2050.24%20315.03%2043.03%20C
%20316.38%2042.03%20317.70%2041.78%20319.23%2042.69%20Q
%20325.18%2046.23%20329.57%2049.92%20Q%20338.90%2057.75%20347.75%2064.47%20Q
%20354.73%2069.76%20360.88%2074.77%20C
%20367.50%2080.16%20374.48%2085.26%20381.38%2090.38%20C
%20382.79%2091.42%20384.86%2092.02%20386.65%2092.01%20Q
%20424.13%2091.86%20461.03%2092.02%20C
%20464.19%2092.04%20463.91%2095.42%20464.08%2097.60%20C
%20464.31%20100.61%20465.99%20102.81%20466.05%20106.01%20C
%20466.10%20108.92%20467.55%20111.23%20467.79%20114.05%20C
%20468.15%20118.33%20469.72%20122.04%20469.97%20126.24%20Q
%20470.20%20129.99%20471.36%20133.84%20C
%20472.11%20136.35%20471.86%20138.96%20472.68%20141.44%20Q
%20473.82%20144.92%20474.10%20148.25%20C
%20474.37%20151.46%20475.85%20154.12%20475.97%20157.25%20C
%20476.09%20160.23%20477.13%20165.79%20480.13%20167.39%20Q
%20488.42%20171.79%20494.57%20174.20%20Q%20497.47%20175.34%20500.39%20176.94%20C
%20503.10%20178.43%20506.03%20179.35%20508.73%20180.80%20C
%20518.58%20186.10%20528.98%20189.96%20538.84%20195.14%20C
%20541.70%20196.65%20544.72%20197.73%20547.70%20199.01%20A%201.66%201.65%20-
74.9%200%201%20548.68%20200.73%20Q%20548.10%20205.32%20546.92%20210.11%20C
%20546.25%20212.84%20546.01%20215.09%20545.79%20217.76%20C
%20545.52%20220.93%20544.30%20223.94%20544.10%20227.10%20Q
%20543.91%20230.02%20543.11%20232.70%20Q%20540.89%20240.20%20539.94%20248.31%20C
%20539.45%20252.51%20538.06%20256.49%20537.96%20260.65%20C
%20537.89%20263.78%20536.02%20266.09%20536.02%20269.22%20Q
%20536.01%20273.82%20534.10%20277.90%20Q%20533.80%20278.54%20534.17%20279.14%20Q
%20539.25%20287.46%20543.80%20296.46%20C
%20546.02%20300.86%20548.65%20305.02%20550.54%20309.44%20C
%20552.15%20313.20%20554.44%20316.55%20556.19%20320.14%20C
%20559.11%20326.15%20562.51%20331.57%20565.22%20337.53%20Q
%20567.43%20342.36%20570.07%20346.31%20A
%201.56%201.56%200.0%200%201%20569.95%20348.20%20Q
%20565.33%20353.58%20560.10%20358.07%20Q%20554.91%20362.51%20550.28%20367.12%20Q
%20544.83%20372.55%20539.31%20378.05%20C
%20536.94%20380.42%20534.17%20382.32%20532.03%20384.85%20Q
%20530.82%20386.27%20529.49%20387.43%20Q%20522.21%20393.77%20514.04%20402.39%20Q
%20510.31%20406.32%20511.85%20411.51%20A%202.02%202.00%20-
44.8%200%201%20511.84%20412.67%20C
%20511.07%20415.17%20511.98%20417.61%20511.98%20420.20%20Q
%20512.03%20446.03%20511.99%20471.73%20C
%20511.98%20475.01%20513.10%20477.85%20512.95%20481.12%20Q
%20512.93%20481.66%20512.39%20481.72%20Q%20508.55%20482.19%20504.84%20483.24%20C
%20502.26%20483.98%20499.59%20483.81%20497.04%20484.34%20Q
%20485.97%20486.62%20475.09%20488.10%20Q%20470.72%20488.69%20457.32%20491.51%20C
%20454.47%20492.11%20451.52%20491.98%20448.64%20492.54%20Q
%20437.48%20494.72%20426.59%20496.22%20C
%20423.53%20496.64%20420.95%20499.44%20419.15%20501.90%20Q
%20408.40%20516.66%20397.63%20530.30%20C
%20393.08%20536.05%20388.49%20543.17%20383.51%20549.36%20A
%202.00%201.99%2032.3%200%201%20381.09%20549.90%20C
%20359.86%20539.58%20335.72%20528.67%20317.35%20519.42%20Q
%20311.90%20516.68%20307.38%20518.91%20Q%20305.68%20519.75%20303.88%20520.48%20Q
%20292.09%20525.24%20280.00%20530.18%20Q%20267.70%20535.22%20253.98%20540.68%20C
%20250.18%20542.19%20246.54%20544.05%20242.75%20545.77%20A
%203.83%203.83%200.0%200%201%20238.06%20544.53%20C
%20232.04%20536.20%20225.59%20528.41%20219.29%20520.19%20Q
%20212.64%20511.51%20204.49%20501.52%20C
%20199.71%20495.67%20195.59%20488.99%20190.50%20483.84%20C
%20186.98%20480.29%20182.10%20481.17%20177.49%20480.64%20C
%20170.65%20479.87%20163.84%20480.00%20157.01%20479.12%20Q
%20150.03%20478.23%20141.82%20477.94%20Q%20135.86%20477.74%20130.55%20476.92%20Q
%20122.72%20475.71%20115.04%20475.99%20A%201.03%201.02%20-
89.2%200%201%20113.99%20474.90%20Q%20114.35%20468.72%20113.86%20463.41%20Q
%20113.07%20454.86%20113.06%20451.96%20Q%20113.02%20442.38%20112.59%20432.99%20C
%20111.89%20417.89%20112.06%20402.85%20111.93%20388.48%20Q
%20111.90%20384.65%20109.13%20380.03%20Q%20107.41%20377.16%20103.18%20373.97%20C
%2096.54%20368.96%2090.66%20362.95%2084.19%20357.66%20Q
%2078.21%20352.76%2071.60%20346.52%20C
%2068.66%20343.76%2065.18%20341.42%2062.13%20338.50%20Q
%2058.12%20334.66%2053.68%20331.22%20Q%2052.22%20330.08%2053.36%20328.63%20Q
%2056.08%20325.16%2058.63%20320.86%20Q%2061.09%20316.72%2064.12%20312.66%20Q
%2066.14%20309.96%2067.91%20306.68%20C
%2070.46%20301.95%2074.01%20298.15%2076.68%20293.66%20C
%2079.72%20288.55%2083.72%20284.20%2086.59%20278.97%20Q
%2087.90%20276.59%2089.37%20274.55%20C
%2091.73%20271.29%2093.34%20267.82%2095.73%20264.70%20Z%20M%20280.07%20340.77%20Q
%20279.41%20341.09%20278.98%20340.77%20Q%20253.70%20322.11%20233.17%20306.59%20Q
%20229.56%20303.86%20225.91%20301.57%20A
%201.34%201.34%200.0%200%200%20224.32%20301.69%20Q
%20223.32%20302.56%20222.46%20303.65%20Q%20211.29%20317.92%20201.46%20330.84%20C
%20199.87%20332.94%20202.23%20334.58%20203.68%20335.75%20Q
%20244.45%20368.65%20281.83%20399.16%20Q%20283.47%20400.50%20285.42%20401.50%20Q
%20285.87%20401.73%20286.37%20401.59%20Q%20287.50%20401.26%20288.29%20400.34%20Q
%20348.76%20329.17%20407.28%20260.42%20Q%20409.15%20258.21%20407.00%20256.28%20Q
%20393.56%20244.21%20380.94%20232.77%20Q%20379.91%20231.83%20378.72%20231.24%20Q
%20378.26%20231.02%20377.84%20231.31%20Q%20376.51%20232.25%20375.56%20233.32%20C
%20343.82%20269.05%20312.15%20304.85%20280.36%20340.55%20A
%200.89%200.85%206.5%200%201%20280.07%20340.77%20Z%22%20%2F%3E%20%3Cpa
th%20fill%3D%22%23ffffff%22%20d%3D%22%20M%20280.07%20340.77%20A
%200.89%200.85%206.5%200%200%20280.36%20340.55%20C
%20312.15%20304.85%20343.82%20269.05%20375.56%20233.32%20Q
%20376.51%20232.25%20377.84%20231.31%20Q%20378.26%20231.02%20378.72%20231.24%20Q
%20379.91%20231.83%20380.94%20232.77%20Q%20393.56%20244.21%20407.00%20256.28%20Q
%20409.15%20258.21%20407.28%20260.42%20Q%20348.76%20329.17%20288.29%20400.34%20Q
%20287.50%20401.26%20286.37%20401.59%20Q%20285.87%20401.73%20285.42%20401.50%20Q
%20283.47%20400.50%20281.83%20399.16%20Q%20244.45%20368.65%20203.68%20335.75%20C
%20202.23%20334.58%20199.87%20332.94%20201.46%20330.84%20Q
%20211.29%20317.92%20222.46%20303.65%20Q%20223.32%20302.56%20224.32%20301.69%20A
%201.34%201.34%200.0%200%201%20225.91%20301.57%20Q
%20229.56%20303.86%20233.17%20306.59%20Q%20253.70%20322.11%20278.98%20340.77%20Q
%20279.41%20341.09%20280.07%20340.77%20Z%22%20%2F%3E%3C%2Fsvg%3E');
width: 20px;
height: 15px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: -4px;
left: 2px;
}
#selections_summary{
position: relative;
cursor: pointer;
padding: 17px 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: var(--color-dark-2);
box-shadow: 0 2px 3px 0 #00000040;
}
#selections_summary::before{
content: '';
position: absolute;
top: 4px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 4px;
background: #40404b;
opacity: 0.5;
z-index: 1;
border-radius: var(--border-radius-large);
}
#selections_summary .left{
position: absolute;
bottom: 16px;
}
#select_count_wrap{
position: relative;
top: -7px;
}
#selections_cont.expanded{
overflow-y: auto;
/*top: calc(20vh - 42px);*/
transform: translate3d(-50%, calc(-56vh - 42px), 10px);
}
#clear_selection{
font-size: 10px;
color: var(--color-medium-2);
margin: 7px 0 -5px;
display: flex;
cursor: pointer;
padding: 8px;
position: relative;
top: 9px;
left: -8px;
}
#clear_selection:hover{
color: var(--color-remove);
}
#view_list{
opacity: 0;
visibility: hidden;
}
#view_list.opaque{
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in-out;
}
#selections_cont .id{
color: var(--color-medium);
font-size: 11px;
width: 36px;
display: flex;
align-items: center;
}
#selections_subheader{
display: flex;
padding: 13px 37px 13px 21px;
border-bottom: 1px solid #353640;
color: var(--color-medium);
font-size: 13px;
}
#selections_subheader .id{
color: var(--color-medium);
display: flex;
justify-content: flex-end;
box-sizing: border-box;
padding-right: 11px;
}
#selections_subheader > div{
width: 50%;
flex-direction: row;
}
#selections_subheader .left{
display: flex;
justify-content: flex-start;
}
#selections_subheader .right{
display: flex;
justify-content: flex-end;
}
#selections_list{
overflow-y: scroll;
}
#selections_list_ul{
margin: 0;
padding-bottom: 190px;
}
#selections_list_ul li{
display: flex;
padding: 9px 32px 9px 0;
margin: 0;
width: 100%;
max-width: 100%;
background: #2a2b35;
border-radius: 0;
font-size: 11px;
box-shadow: 0 -1px 4px 0 #26262c;
}
#selections_list_ul li.is-being-dragged{
opacity: 0.1;
}
#selections_list_ul li.sortable-drag{
background: var(--color-dark-2);
}
#selections_list_ul li .left,
#selections_list_ul li .right{
display: flex;
width: 50%;
flex-direction: row;
}
#selections_list_ul li .left{
justify-content: flex-start;
}
#selections_list_ul li .right{
justify-content: flex-end;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
}
#selections_list_ul .name{
font-weight: normal;
white-space: pre;
overflow: hidden;
text-overflow: ellipsis;
}
#selections_list_ul .right a{
color: var(--color-medium);
}
#select_count_wrap{
pointer-events: none;
}
#selection_controls{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 23px 21px 3px;
margin: 20px auto;
font-size: 14px;
color: var(--color-medium-2);
}
#selections_cont #selections_list_ul .id{
box-sizing: border-box;
padding: 0 20px 0 38px;
}
#selections_cont #selections_list_ul .id::before{
content: '';
width: 37px;
height: 22px;
background-image: url('https://media.theresanaiforthat.com/assets/move.svg?
v=3');
background-size: cover;
position: absolute;
left: 3px;
opacity: 0;
visibility: hidden;
}
#selections_cont #selections_list_ul li.m:hover .id::before{
visibility: visible;
opacity: 0.5;
}
#selections_cont #selections_list_ul.reordering li.m:hover .id::before{
visibility: hidden;
opacity: 0;
}
#selections_cont #selections_list_ul.reordering li.sortable-
chosen:hover .id::before{
visibility: visible;
opacity: 0.5;
}
#selections_list_ul:hover{
cursor: move;
}
.no-events{
pointer-events: none;
}
.remove_from_list{
opacity: 0;
visibility: hidden;
cursor: pointer;
width: 30px;
height: 26px;
position: absolute;
background-image:
url('https://media.theresanaiforthat.com/assets/close.svg');
background-size: 10px;
background-repeat: no-repeat;
background-position: center;
right: 2px;
top: 50%;
transform: translateY(-50%);
padding: 11px;
box-sizing: border-box;
}
/*#selections_cont #selections_list_ul.reordering
li.m:hover .remove_from_list{*/
/* opacity: 0;*/
/* visibility: hidden;*/
/*}*/
#selections_list_ul li.m:hover .remove_from_list{
opacity: 1;
visibility: visible;
}
#selections_cont #selections_list_ul li:has(.remove_from_list:hover),
#selections_cont #selections_list_ul li:has(.remove_from_list:hover) .id{
color: var(--color-remove);
}
#submit {
cursor: pointer;
position: fixed;
right: 16px;
bottom: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--color-verified);
color: white;
box-shadow: 0 0 10px 0 var(--color-dark-2);
animation: fadeIn 0.4s ease-in-out;
z-index: 13;
padding: 3px 3px 3px 16px; /* Adjusted padding for better animation */
border-radius: var(--border-radius-large);
transition: padding 0.3s ease-in-out, width 0.3s ease-in-out, border-radius
0.4s ease-in-out;
}
#submit.shrink {
padding-left: 3px; /* Reduce padding to adjust parent width */
padding-right: 3px;
border-radius: 100px;
}
#submit span {
display: inline-block;
transition: width 0.5s ease, opacity 0.5s ease;
overflow: hidden;
white-space: nowrap;
}
#submit span.hide {
width: 0;
opacity: 0;
margin: 0;
padding: 0;
}
#submit *{
pointer-events: none;
}
#submit #icon-plus{
fill: var(--color-white);
width: 32px;
height: 32px;
}
#submit svg{
animation: rotateAnimation 10s linear infinite;
}
@keyframes rotateAnimation {
0%, 95% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#share_modal, #submit_modal {
z-index: 112;
}
.modal{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--color-dark);
border-radius: var(--border-radius-large);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 1400px;
max-width: 95%;
box-sizing: border-box;
z-index: 112;
transform-style: preserve-3d;
transition: opacity 0.3s ease-in-out;
box-shadow: 0 0 7px 0 #00000070;
}
.modal_inner{
max-width: 100%;
}
.modal .row > div{
width: 50%;
box-sizing: border-box;
padding: 40px;
}
.modal img{
width: 100%;
max-width: 100%;
border-radius: var(--border-radius-large);
}
#newsletter_modal .modal img{
width: 100%;
}
.modal_title{
font-style: italic;
margin: 23px 0;
background: -webkit-linear-gradient(#7a9eff 76%, #5cffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 800;
text-transform: uppercase;
font-size: 41px;
line-height: 41px;
}
.modal_title_simple{
font-size: 26px;
line-height: 26px;
margin: 23px 0;
font-weight: 500;
}
.modal_title p{
margin: 9px 0;
}
.modal_close{
position: absolute;
top: 0;
right: 0;
padding: 15px;
cursor: pointer;
z-index: 25;
}
/*.modal_close::before{*/
/* content: '✕';*/
/*}*/
.modal_body > div{
margin: 31px 0;
}
.modal_body > div:first-child{
margin-top: 0;
}
.modal_body{
line-height: 1.7;
overflow: scroll;
max-height: 42vh;
padding-bottom: 41px;
}
.modal.modal_with_footer .modal_body{
padding-bottom: 79px;
}
.modal h3{
margin-bottom: 23px;
}
.modal_footer .btn{
padding: 10px 20px;
font-weight: 600;
font-size: 19px;
}
.verified_img{
width: 15px;
height: 15px;
object-fit: contain;
margin: 0 1px;
position: relative;
top: 2px;
}
#close_newsletter_modal{
display: block;
}
#close_newsletter_modal_2{
display: none;
}
.modal_content{
position: relative;
z-index: 24;
}
.modal_close svg{
width: 36px;
display: block;
fill: var(--color-medium-2);
background: var(--color-dark-2);
padding: 9px;
border-radius: 50%;
}
.modal_close svg:hover{
fill: var(--color-medium);
}
.column{
display: flex;
flex-direction: column;
}
.modal_cta{
align-items: center;
justify-content: center;
}
.modal_cta > *{
width: 100%;
margin: 20px 0;
}
.modal_cta input{
font-size: 19px;
padding: 16px;
box-sizing: border-box;
border-radius: var(--border-radius-large);
background: #50515e;
color: #dadada;
border: none;
outline: none;
}
.modal_cta input::placeholder{
color: #bdbbbb;
}
.modal_cta button,
.modal_cta .button{
font-size: 24px;
height: 50px;
margin-top: 10px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-yellow);
}
.modal_cta button:hover,
.modal_cta .button:hover{
background: var(--color-chrome);
}
.modal_description{
font-size: 21px;
line-height: 25px;
margin: 51px 0 33px;
}
.disclaimer{
background: var(--color-dark-2);
border-radius: var(--border-radius-small);
padding: 20px;
font-size: 15px;
line-height: 18px;
margin: 0 0 18px 0;
}
.heartbeat {
-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
animation: heartbeat 1.5s ease-in-out infinite both;
}
.subscribe_square{
position: sticky;
top: 66px;
display: flex;
flex-direction: column;
width: 80%;
margin: 70px auto;
}
.subscribe_title{
font-size: 14px;
font-weight: 500;
background: var(--color-yellow);
color: var(--color-dark-2);
box-sizing: border-box;
margin-bottom: 8px;
}
.subscribe_description{
font-size: 19px;
line-height: 24px;
}
.subscribe_square input{
background: #313240;
box-shadow: inset 0 0 4px 0 #00000055;
width: 300px;
}
.pulsate_once{
animation: pulsateIcon 0.2s ease-out;
}
.pulsate_once_large{
animation: pulsateIconLarge 0.2s ease-out;
}
#signin_modal,
.signin_modal{
height: 600px;
max-height: 84vh;
padding: 0 22px;
width: 800px;
max-width: 100%;
z-index: 144;
}
#signin_modal3{
border: 6px solid var(--color-ice);
}
#signin_modal3 .signin_google_btn{
box-shadow: 0 0 6px 0 #00fffa;
}
#signin_modal4 .signin_modal_choices{
display: flex;
gap: 14px;
padding: 10px;
align-items: center;
justify-content: center;
}
#signin_modal4 .signin_modal_choice{
border: 2px solid var(--color-medium);
height: 98px;
box-sizing: border-box;
padding: 18px 14px 14px 14px;
text-align: center;
border-radius: var(--border-radius-large);
background: var(--color-medium-6);
display: flex;
align-items: center;
justify-content: center;
}
#signin_modal4 .signin_modal_choice *{
pointer-events: none;
}
#signin_modal4 .signin_modal_choice.selected{
background: var(--color-light);
color: var(--color-dark-0);
border: 2px solid var(--color-android);
}
#signin_modal4 .signin_modal_choices strong{
}
#signin_modal .underline{
color: var(--color-android);
}
.sign_up_with_email{
display: flex;
align-items: center;
justify-content: center;
background: none;
color: var(--color-light);
border-radius: var(--border-radius-small);
font-style: normal;
padding: 20px;
margin: 0 0 39px;
border: 1px solid var(--color-medium-2);
width: 237px;
}
.signin_google_btn{
margin: 30px 0 16px;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-light);
color: var(--color-dark);
border-radius: var(--border-radius-small);
font-style: normal;
width: 237px;
}
.signin_google_btn:hover{
background: #fff;
}
.already_have_an_account_wrap{
margin-top: 46px;
}
.already_have_an_account{
color: var(--color-yellow);
}
.whatsapp_button{
/*background-image:
url('https://media.theresanaiforthat.com/assets/whatsapp-logo.png');*/
/*background-size: contain;*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
}
.whatsapp_button svg{
pointer-events: none;
width: 20px;
}
.whatsapp_button:hover{
/*background-image:
url('https://media.theresanaiforthat.com/assets/whatsapp-logo.png');*/
/*background-size: contain;*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
}
.signin_google_btn svg{
margin-right: 10px;
}
.modal_footer{
font-size: 14px;
color: var(--color-medium-2);
}
.modal_footer a{
color: var(--color-medium-2);
text-decoration: underline;
}
.divider{
background: var(--color-medium-12);
height: 1px;
width: 100%;
margin: 12px 0;
}
.show_more_wrap{
text-align: center;
margin: 25px 0 0;
}
.show_more{
padding: 10px 20px;
background: #383946;
border-radius: var(--border-radius-small);
color: #c9c9d4;
font-size: 15px;
line-height: 18px;
cursor: pointer;
width: 69%;
display: inline-block;
}
.show_more:hover{
background: #4d4d5c;
}
#switch_close{
position: fixed;
top: 10px;
right: 10px;
cursor: pointer;
}
#switch.expanded{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 400px 93px;
box-sizing: border-box;
transition: padding-top 0.5s ease-out, padding-bottom 0.5s ease-out;
}
#switch.expanded #switch_inner{
gap: 15px;
justify-content: center;
max-width: 85%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
#switch.expanded .tab{
border: 1px solid var(--color-dark-2);
padding: 10px;
color: var(--color-light);
width: 223px;
height: 93px;
box-sizing: border-box;
font-size: 21px;
border-radius: 10px;
box-shadow: 0 0 4px 0 #0000001f;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.3s ease-out;
}
#switch.expanded svg{
height: 25px;
width: 25px;
margin-bottom: 6px;
}
.filters{
display: flex;
max-width: 100%;
justify-content: space-between;
margin: 29px 0 18px;
/*background: #32333e;*/
background: #343540de;
border-radius: 14px;
height: 56px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
z-index: 13;
position: relative; /* fix for filters showing underneath AIs **/
}
.filters .tabbed_menu{
background: none;
}
#header .filters {
justify-content: center;
background: transparent;
/*margin: 10px 0;*/
}
.filters .tab_inner {
position: relative;
}
.filters .tab_inner > span.new_ais_count,
#ctrl_user_link span.unread_messages_count,
.popup_menu .switch_inbox_li a > span.unread_messages_count{
font-weight: normal;
font-size: 12px;
background-color: var(--color-red);
border-radius: var(--border-radius-large);
padding: 1px 5px;
position: absolute;
right: 0;
top: 0;
color: #fff;
}
#ctrl_user_link span.unread_messages_count {
left: 35px;
right: auto;
top: 2px;
}
#switch_profile_menu .menu_item > span.unread_messages_count{
right: auto;
left: 33px;
top: 2px;
}
#header .filters .tab_inner > span.new_ais_count{
right: -17px;
}
#switch_saved .switch_saved_inner > span.unread_messages_count{
right: 2px;
}
.popup_menu .switch_inbox_li a > span.unread_messages_count{
transform: none;
display: inline-block;
line-height: 15px;
right: auto;
top: auto;
margin-left: 8px;
margin-top: -17px;
}
.filters .tab_new_ais .tab_inner > span.new_ais_count{
transform: translateX(60%) translateY(-80%);
}
.filters .tab_for_you .tab_inner > span.new_ais_count{
transform: translateX(30%) translateY(-80%);
}
#header .filters .tabbed_menu .tab.tab_for_you.emphasis{
background: linear-gradient(90deg, #ff5722 45%, #ff0046);
background: -webkit-linear-gradient(#ff5722 45%, #ff0046);
}
/*body.type.gpt .filters{*/
/* background: var(--color-gpt);*/
/*}*/
/*body.type.ios .filters{*/
/* background: var(--color-ios);*/
/*}*/
/*body.type.android .filters{*/
/* background: var(--color-android);*/
/*}*/
/*body.type.chrome .filters{*/
/* background: var(--color-chrome);*/
/*}*/
.sort_by{
position: relative;
display: flex;
align-items: center;
}
.sort_by_btn{
padding: 10px 20px;
background: #0000000f;
border-radius: var(--border-radius-small);
width: fit-content;
box-sizing: border-box;
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
user-select: none;
white-space: nowrap;
}
.sort_by_btn:hover{
background: #4d4d5c;
}
.sorting_options{
width: 133px;
display: flex;
flex-direction: column;
z-index: 22;
background: var(--color-dark-2);
position: absolute;
top: 57px;
right: 0;
}
.sorting_options .sortopt.new_label{
position: relative;
}
.sorting_options .sortopt.new_label::before{
top: 2px;
}
.signin_with_google{
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color .218s, border-color .218s;
transition: background-color .218s, border-color .218s;
-webkit-user-select: none;
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border: 1px solid #dadce0;
color: #3c4043;
cursor: pointer;
font-family: "Google Sans", arial, sans-serif;
font-size: 14px;
height: 40px;
letter-spacing: 0.25px;
outline: none;
overflow: hidden;
padding: 0 12px;
position: relative;
text-align: center;
vertical-align: middle;
white-space: nowrap;
width: auto;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
.signin_with_google svg{
width: 20px;
}
.sorting_options.invisible{
width: auto!important;
}
.sorting_options > *{
padding: 10px 20px;
white-space: nowrap;
}
.sorting_options > *:hover{
background: var(--color-medium-2);
}
#saves_progress{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
z-index: 12;
background: var(--color-dark-0);
text-align: center;
font-size: 17px;
padding: 13px 5px 0;
}
.progress_bar_wrap{
width: 50%;
background: #444556;
border-radius: var(--border-radius-small);
margin: 10px auto;
box-shadow: inset 0 0 5px 0 #0000009e;
}
.progress_bar {
background-color: #282831;
position: relative;
height: 20px;
width: 100%;
border-radius: var(--border-radius-small);
transition: width 0.7s ease-out;
}
.progress_bar_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
color: var(--color-medium-2);
}
#saves_progress_cta{
display: none;
}
#saves_progress_cta a{
text-decoration: underline;
color: var(--color-yellow);
}
.user_card{
display: flex;
align-items: center;
background: var(--color-dark);
box-shadow: 0 0 4px 0 #00000055;
border-radius: var(--border-radius-large);
padding: 20px 0;
line-height: 23px;
box-sizing: border-box;
position: relative;
flex-direction: column;
}
.user_card_inner img{
width: 140px;
border-radius: 50%;
height: 140px;
object-fit: cover;
margin: 0 14px;
}
.user_card.s{
font-size: 12px;
background: none;
box-shadow: none;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: revert;
margin: 0;
padding: 0;
gap: 8px;
}
.user_card.s .user_name{
font-size: 16px;
}
.user_card img{
object-fit: cover;
}
.user_card.s img{
width: 26px;
height: 26px;
margin: 0;
border-radius: 50%;
}
.user_card.xs{
font-size: 12px;
background: none;
box-shadow: none;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: revert;
margin: 0;
padding: 0;
gap: 8px;
}
.user_card.xs img{
width: 26px;
height: 26px;
margin: 0;
border-radius: 50%;
}
.user_card.xs .user_name{
font-size: 16px;
}
.user_card.xxs img{
width: 13px;
height: 13px;
margin: 0;
border-radius: 50%;
}
.user_card.xxs .user_name{
font-size: 13px;
margin: 0;
}
.attribution_wrap{
font-size: 13px;
display: flex;
align-items: center;
justify-content: center;
gap: 0 5px;
margin-top: 24px;
}
.attribution_wrap .by{
position: absolute;
left: 0;
top: -12px;
background: #3a3c4b;
padding: 4px 5px 9px 5px;
font-size: 10px;
border-radius: var(--border-radius-small);
box-shadow: 0 -1px 1px 0 #0000001c;
color: var(--color-blue-3);
}
.user_card.s .user_data_wrap{
flex-direction: row;
align-items: center;
justify-content: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.user_card.s .username.after_name{
margin: 0 0 0 5px;
}
.user_card.s:hover{
color: #fff;
}
.user_data_wrap{
line-height: 25px;
max-width: 100%;
gap: 10px 0;
align-items: center;
}
.user_name{
font-weight: bold;
font-size: 19px;
margin: 3px 0;
text-align: left;
}
.user_card.verified .user_data_wrap .user_name::after {
content: '';
position: relative;
/* background:
url(https://media.theresanaiforthat.com/assets/verified.png); */
background: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F
%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220.00%200.00%20615.00%20615.00%22%3E
%20%3Cg%20stroke-width%3D%222.00%22%20fill%3D%22none%22%20stroke-linecap%3D%22butt
%22%3E%20%3Cpath%20stroke%3D%22%23154c75%22%20vector-effect%3D%22non-scaling-stroke
%22%20d%3D%22%20M%2095.73%20264.70%20C
%2093.34%20267.82%2091.73%20271.29%2089.37%20274.55%20Q
%2087.90%20276.59%2086.59%20278.97%20C
%2083.72%20284.20%2079.72%20288.55%2076.68%20293.66%20C
%2074.01%20298.15%2070.46%20301.95%2067.91%20306.68%20Q
%2066.14%20309.96%2064.12%20312.66%20Q%2061.09%20316.72%2058.63%20320.86%20Q
%2056.08%20325.16%2053.36%20328.63%20Q%2052.22%20330.08%2053.68%20331.22%20Q
%2058.12%20334.66%2062.13%20338.50%20C
%2065.18%20341.42%2068.66%20343.76%2071.60%20346.52%20Q
%2078.21%20352.76%2084.19%20357.66%20C
%2090.66%20362.95%2096.54%20368.96%20103.18%20373.97%20Q
%20107.41%20377.16%20109.13%20380.03%20Q%20111.90%20384.65%20111.93%20388.48%20C
%20112.06%20402.85%20111.89%20417.89%20112.59%20432.99%20Q
%20113.02%20442.38%20113.06%20451.96%20Q%20113.07%20454.86%20113.86%20463.41%20Q
%20114.35%20468.72%20113.99%20474.90%20A%201.03%201.02%20-
89.2%200%200%20115.04%20475.99%20Q%20122.72%20475.71%20130.55%20476.92%20Q
%20135.86%20477.74%20141.82%20477.94%20Q%20150.03%20478.23%20157.01%20479.12%20C
%20163.84%20480.00%20170.65%20479.87%20177.49%20480.64%20C
%20182.10%20481.17%20186.98%20480.29%20190.50%20483.84%20C
%20195.59%20488.99%20199.71%20495.67%20204.49%20501.52%20Q
%20212.64%20511.51%20219.29%20520.19%20C
%20225.59%20528.41%20232.04%20536.20%20238.06%20544.53%20A
%203.83%203.83%200.0%200%200%20242.75%20545.77%20C
%20246.54%20544.05%20250.18%20542.19%20253.98%20540.68%20Q
%20267.70%20535.22%20280.00%20530.18%20Q%20292.09%20525.24%20303.88%20520.48%20Q
%20305.68%20519.75%20307.38%20518.91%20Q%20311.90%20516.68%20317.35%20519.42%20C
%20335.72%20528.67%20359.86%20539.58%20381.09%20549.90%20A
%202.00%201.99%2032.3%200%200%20383.51%20549.36%20C
%20388.49%20543.17%20393.08%20536.05%20397.63%20530.30%20Q
%20408.40%20516.66%20419.15%20501.90%20C
%20420.95%20499.44%20423.53%20496.64%20426.59%20496.22%20Q
%20437.48%20494.72%20448.64%20492.54%20C
%20451.52%20491.98%20454.47%20492.11%20457.32%20491.51%20Q
%20470.72%20488.69%20475.09%20488.10%20Q%20485.97%20486.62%20497.04%20484.34%20C
%20499.59%20483.81%20502.26%20483.98%20504.84%20483.24%20Q
%20508.55%20482.19%20512.39%20481.72%20Q%20512.93%20481.66%20512.95%20481.12%20C
%20513.10%20477.85%20511.98%20475.01%20511.99%20471.73%20Q
%20512.03%20446.03%20511.98%20420.20%20C
%20511.98%20417.61%20511.07%20415.17%20511.84%20412.67%20A%202.02%202.00%20-
44.8%200%200%20511.85%20411.51%20Q%20510.31%20406.32%20514.04%20402.39%20Q
%20522.21%20393.77%20529.49%20387.43%20Q%20530.82%20386.27%20532.03%20384.85%20C
%20534.17%20382.32%20536.94%20380.42%20539.31%20378.05%20Q
%20544.83%20372.55%20550.28%20367.12%20Q%20554.91%20362.51%20560.10%20358.07%20Q
%20565.33%20353.58%20569.95%20348.20%20A
%201.56%201.56%200.0%200%200%20570.07%20346.31%20Q
%20567.43%20342.36%20565.22%20337.53%20C
%20562.51%20331.57%20559.11%20326.15%20556.19%20320.14%20C
%20554.44%20316.55%20552.15%20313.20%20550.54%20309.44%20C
%20548.65%20305.02%20546.02%20300.86%20543.80%20296.46%20Q
%20539.25%20287.46%20534.17%20279.14%20Q%20533.80%20278.54%20534.10%20277.90%20Q
%20536.01%20273.82%20536.02%20269.22%20C
%20536.02%20266.09%20537.89%20263.78%20537.96%20260.65%20C
%20538.06%20256.49%20539.45%20252.51%20539.94%20248.31%20Q
%20540.89%20240.20%20543.11%20232.70%20Q%20543.91%20230.02%20544.10%20227.10%20C
%20544.30%20223.94%20545.52%20220.93%20545.79%20217.76%20C
%20546.01%20215.09%20546.25%20212.84%20546.92%20210.11%20Q
%20548.10%20205.32%20548.68%20200.73%20A%201.66%201.65%20-
74.9%200%200%20547.70%20199.01%20C
%20544.72%20197.73%20541.70%20196.65%20538.84%20195.14%20C
%20528.98%20189.96%20518.58%20186.10%20508.73%20180.80%20C
%20506.03%20179.35%20503.10%20178.43%20500.39%20176.94%20Q
%20497.47%20175.34%20494.57%20174.20%20Q%20488.42%20171.79%20480.13%20167.39%20C
%20477.13%20165.79%20476.09%20160.23%20475.97%20157.25%20C
%20475.85%20154.12%20474.37%20151.46%20474.10%20148.25%20Q
%20473.82%20144.92%20472.68%20141.44%20C
%20471.86%20138.96%20472.11%20136.35%20471.36%20133.84%20Q
%20470.20%20129.99%20469.97%20126.24%20C
%20469.72%20122.04%20468.15%20118.33%20467.79%20114.05%20C
%20467.55%20111.23%20466.10%20108.92%20466.05%20106.01%20C
%20465.99%20102.81%20464.31%20100.61%20464.08%2097.60%20C
%20463.91%2095.42%20464.19%2092.04%20461.03%2092.02%20Q
%20424.13%2091.86%20386.65%2092.01%20C
%20384.86%2092.02%20382.79%2091.42%20381.38%2090.38%20C
%20374.48%2085.26%20367.50%2080.16%20360.88%2074.77%20Q
%20354.73%2069.76%20347.75%2064.47%20Q%20338.90%2057.75%20329.57%2049.92%20Q
%20325.18%2046.23%20319.23%2042.69%20C
%20317.70%2041.78%20316.38%2042.03%20315.03%2043.03%20Q
%20305.24%2050.24%20294.82%2058.13%20Q%20291.81%2060.42%20288.78%2062.44%20C
%20284.72%2065.14%20281.30%2068.47%20277.35%2071.17%20Q
%20274.56%2073.07%20271.78%2074.94%20C
%20266.23%2078.66%20261.36%2084.42%20254.19%2084.82%20C
%20239.22%2085.65%20223.41%2084.19%20209.22%2084.02%20Q
%20189.53%2083.78%20170.86%2084.03%20A
%200.70%200.70%200.0%200%200%20170.17%2084.75%20Q
%20170.28%2088.11%20168.99%2091.17%20C
%20168.09%2093.31%20168.12%2095.35%20167.92%2097.59%20C
%20167.60%20101.12%20166.37%20104.37%20165.93%20107.86%20C
%20164.89%20116.07%20163.03%20124.22%20161.87%20132.41%20C
%20161.58%20134.46%20160.47%20136.02%20160.27%20138.10%20Q
%20159.62%20144.77%20157.67%20153.21%20C
%20157.12%20155.60%20154.64%20156.75%20152.42%20157.42%20Q
%20131.10%20163.77%20108.31%20171.20%20C
%2099.15%20174.19%2089.77%20176.52%2080.80%20179.74%20C
%2079.67%20180.15%2078.63%20180.05%2077.47%20180.25%20Q
%2076.87%20180.35%2077.11%20180.91%20C
%2078.10%20183.25%2077.87%20185.64%2078.62%20188.04%20C
%2079.30%20190.20%2079.87%20192.32%2080.03%20194.61%20Q
%2080.21%20197.34%2081.37%20199.77%20C
%2082.36%20201.83%2081.98%20204.48%2082.58%20206.71%20Q
%2085.50%20217.71%2087.78%20229.19%20C
%2088.13%20230.93%2088.10%20232.75%2088.84%20234.40%20C
%2090.14%20237.29%2090.07%20240.33%2090.84%20243.34%20C
%2092.04%20248.03%2093.51%20252.82%2094.11%20257.66%20Q
%2094.51%20260.80%2095.85%20263.65%20A%201.02%201.01%20-
38.6%200%201%2095.73%20264.70%22%20%2F%3E%20%3Cpath%20stroke%3D
%22%2395cbf4%22%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22%20M
%20280.07%20340.77%20Q%20279.41%20341.09%20278.98%20340.77%20Q
%20253.70%20322.11%20233.17%20306.59%20Q%20229.56%20303.86%20225.91%20301.57%20A
%201.34%201.34%200.0%200%200%20224.32%20301.69%20Q
%20223.32%20302.56%20222.46%20303.65%20Q%20211.29%20317.92%20201.46%20330.84%20C
%20199.87%20332.94%20202.23%20334.58%20203.68%20335.75%20Q
%20244.45%20368.65%20281.83%20399.16%20Q%20283.47%20400.50%20285.42%20401.50%20Q
%20285.87%20401.73%20286.37%20401.59%20Q%20287.50%20401.26%20288.29%20400.34%20Q
%20348.76%20329.17%20407.28%20260.42%20Q%20409.15%20258.21%20407.00%20256.28%20Q
%20393.56%20244.21%20380.94%20232.77%20Q%20379.91%20231.83%20378.72%20231.24%20Q
%20378.26%20231.02%20377.84%20231.31%20Q%20376.51%20232.25%20375.56%20233.32%20C
%20343.82%20269.05%20312.15%20304.85%20280.36%20340.55%20A
%200.89%200.85%206.5%200%201%20280.07%20340.77%22%20%2F%3E%20%3C%2Fg%3E%20%3Cpath
%20fill%3D%22none%22%20d%3D%22%20M%20615.00%200.00%20L%20615.00%20615.00%20L
%200.00%20615.00%20L%200.00%200.00%20L%20615.00%200.00%20Z%20M%2095.73%20264.70%20C
%2093.34%20267.82%2091.73%20271.29%2089.37%20274.55%20Q
%2087.90%20276.59%2086.59%20278.97%20C
%2083.72%20284.20%2079.72%20288.55%2076.68%20293.66%20C
%2074.01%20298.15%2070.46%20301.95%2067.91%20306.68%20Q
%2066.14%20309.96%2064.12%20312.66%20Q%2061.09%20316.72%2058.63%20320.86%20Q
%2056.08%20325.16%2053.36%20328.63%20Q%2052.22%20330.08%2053.68%20331.22%20Q
%2058.12%20334.66%2062.13%20338.50%20C
%2065.18%20341.42%2068.66%20343.76%2071.60%20346.52%20Q
%2078.21%20352.76%2084.19%20357.66%20C
%2090.66%20362.95%2096.54%20368.96%20103.18%20373.97%20Q
%20107.41%20377.16%20109.13%20380.03%20Q%20111.90%20384.65%20111.93%20388.48%20C
%20112.06%20402.85%20111.89%20417.89%20112.59%20432.99%20Q
%20113.02%20442.38%20113.06%20451.96%20Q%20113.07%20454.86%20113.86%20463.41%20Q
%20114.35%20468.72%20113.99%20474.90%20A%201.03%201.02%20-
89.2%200%200%20115.04%20475.99%20Q%20122.72%20475.71%20130.55%20476.92%20Q
%20135.86%20477.74%20141.82%20477.94%20Q%20150.03%20478.23%20157.01%20479.12%20C
%20163.84%20480.00%20170.65%20479.87%20177.49%20480.64%20C
%20182.10%20481.17%20186.98%20480.29%20190.50%20483.84%20C
%20195.59%20488.99%20199.71%20495.67%20204.49%20501.52%20Q
%20212.64%20511.51%20219.29%20520.19%20C
%20225.59%20528.41%20232.04%20536.20%20238.06%20544.53%20A
%203.83%203.83%200.0%200%200%20242.75%20545.77%20C
%20246.54%20544.05%20250.18%20542.19%20253.98%20540.68%20Q
%20267.70%20535.22%20280.00%20530.18%20Q%20292.09%20525.24%20303.88%20520.48%20Q
%20305.68%20519.75%20307.38%20518.91%20Q%20311.90%20516.68%20317.35%20519.42%20C
%20335.72%20528.67%20359.86%20539.58%20381.09%20549.90%20A
%202.00%201.99%2032.3%200%200%20383.51%20549.36%20C
%20388.49%20543.17%20393.08%20536.05%20397.63%20530.30%20Q
%20408.40%20516.66%20419.15%20501.90%20C
%20420.95%20499.44%20423.53%20496.64%20426.59%20496.22%20Q
%20437.48%20494.72%20448.64%20492.54%20C
%20451.52%20491.98%20454.47%20492.11%20457.32%20491.51%20Q
%20470.72%20488.69%20475.09%20488.10%20Q%20485.97%20486.62%20497.04%20484.34%20C
%20499.59%20483.81%20502.26%20483.98%20504.84%20483.24%20Q
%20508.55%20482.19%20512.39%20481.72%20Q%20512.93%20481.66%20512.95%20481.12%20C
%20513.10%20477.85%20511.98%20475.01%20511.99%20471.73%20Q
%20512.03%20446.03%20511.98%20420.20%20C
%20511.98%20417.61%20511.07%20415.17%20511.84%20412.67%20A%202.02%202.00%20-
44.8%200%200%20511.85%20411.51%20Q%20510.31%20406.32%20514.04%20402.39%20Q
%20522.21%20393.77%20529.49%20387.43%20Q%20530.82%20386.27%20532.03%20384.85%20C
%20534.17%20382.32%20536.94%20380.42%20539.31%20378.05%20Q
%20544.83%20372.55%20550.28%20367.12%20Q%20554.91%20362.51%20560.10%20358.07%20Q
%20565.33%20353.58%20569.95%20348.20%20A
%201.56%201.56%200.0%200%200%20570.07%20346.31%20Q%2056
7.43%20342.36%20565.22%20337.53%20C
%20562.51%20331.57%20559.11%20326.15%20556.19%20320.14%20C
%20554.44%20316.55%20552.15%20313.20%20550.54%20309.44%20C
%20548.65%20305.02%20546.02%20300.86%20543.80%20296.46%20Q
%20539.25%20287.46%20534.17%20279.14%20Q%20533.80%20278.54%20534.10%20277.90%20Q
%20536.01%20273.82%20536.02%20269.22%20C
%20536.02%20266.09%20537.89%20263.78%20537.96%20260.65%20C
%20538.06%20256.49%20539.45%20252.51%20539.94%20248.31%20Q
%20540.89%20240.20%20543.11%20232.70%20Q%20543.91%20230.02%20544.10%20227.10%20C
%20544.30%20223.94%20545.52%20220.93%20545.79%20217.76%20C
%20546.01%20215.09%20546.25%20212.84%20546.92%20210.11%20Q
%20548.10%20205.32%20548.68%20200.73%20A%201.66%201.65%20-
74.9%200%200%20547.70%20199.01%20C
%20544.72%20197.73%20541.70%20196.65%20538.84%20195.14%20C
%20528.98%20189.96%20518.58%20186.10%20508.73%20180.80%20C
%20506.03%20179.35%20503.10%20178.43%20500.39%20176.94%20Q
%20497.47%20175.34%20494.57%20174.20%20Q%20488.42%20171.79%20480.13%20167.39%20C
%20477.13%20165.79%20476.09%20160.23%20475.97%20157.25%20C
%20475.85%20154.12%20474.37%20151.46%20474.10%20148.25%20Q
%20473.82%20144.92%20472.68%20141.44%20C
%20471.86%20138.96%20472.11%20136.35%20471.36%20133.84%20Q
%20470.20%20129.99%20469.97%20126.24%20C
%20469.72%20122.04%20468.15%20118.33%20467.79%20114.05%20C
%20467.55%20111.23%20466.10%20108.92%20466.05%20106.01%20C
%20465.99%20102.81%20464.31%20100.61%20464.08%2097.60%20C
%20463.91%2095.42%20464.19%2092.04%20461.03%2092.02%20Q
%20424.13%2091.86%20386.65%2092.01%20C
%20384.86%2092.02%20382.79%2091.42%20381.38%2090.38%20C
%20374.48%2085.26%20367.50%2080.16%20360.88%2074.77%20Q
%20354.73%2069.76%20347.75%2064.47%20Q%20338.90%2057.75%20329.57%2049.92%20Q
%20325.18%2046.23%20319.23%2042.69%20C
%20317.70%2041.78%20316.38%2042.03%20315.03%2043.03%20Q
%20305.24%2050.24%20294.82%2058.13%20Q%20291.81%2060.42%20288.78%2062.44%20C
%20284.72%2065.14%20281.30%2068.47%20277.35%2071.17%20Q
%20274.56%2073.07%20271.78%2074.94%20C
%20266.23%2078.66%20261.36%2084.42%20254.19%2084.82%20C
%20239.22%2085.65%20223.41%2084.19%20209.22%2084.02%20Q
%20189.53%2083.78%20170.86%2084.03%20A
%200.70%200.70%200.0%200%200%20170.17%2084.75%20Q
%20170.28%2088.11%20168.99%2091.17%20C
%20168.09%2093.31%20168.12%2095.35%20167.92%2097.59%20C
%20167.60%20101.12%20166.37%20104.37%20165.93%20107.86%20C
%20164.89%20116.07%20163.03%20124.22%20161.87%20132.41%20C
%20161.58%20134.46%20160.47%20136.02%20160.27%20138.10%20Q
%20159.62%20144.77%20157.67%20153.21%20C
%20157.12%20155.60%20154.64%20156.75%20152.42%20157.42%20Q
%20131.10%20163.77%20108.31%20171.20%20C
%2099.15%20174.19%2089.77%20176.52%2080.80%20179.74%20C
%2079.67%20180.15%2078.63%20180.05%2077.47%20180.25%20Q
%2076.87%20180.35%2077.11%20180.91%20C
%2078.10%20183.25%2077.87%20185.64%2078.62%20188.04%20C
%2079.30%20190.20%2079.87%20192.32%2080.03%20194.61%20Q
%2080.21%20197.34%2081.37%20199.77%20C
%2082.36%20201.83%2081.98%20204.48%2082.58%20206.71%20Q
%2085.50%20217.71%2087.78%20229.19%20C
%2088.13%20230.93%2088.10%20232.75%2088.84%20234.40%20C
%2090.14%20237.29%2090.07%20240.33%2090.84%20243.34%20C
%2092.04%20248.03%2093.51%20252.82%2094.11%20257.66%20Q
%2094.51%20260.80%2095.85%20263.65%20A%201.02%201.01%20-
38.6%200%201%2095.73%20264.70%20Z%22%20%2F%3E%20%3Cpath%20fill%3D
%22%232a97e9%22%20d%3D%22%20M%2095.73%20264.70%20A%201.02%201.01%20-
38.6%200%200%2095.85%20263.65%20Q%2094.51%20260.80%2094.11%20257.66%20C
%2093.51%20252.82%2092.04%20248.03%2090.84%20243.34%20C
%2090.07%20240.33%2090.14%20237.29%2088.84%20234.40%20C
%2088.10%20232.75%2088.13%20230.93%2087.78%20229.19%20Q
%2085.50%20217.71%2082.58%20206.71%20C
%2081.98%20204.48%2082.36%20201.83%2081.37%20199.77%20Q
%2080.21%20197.34%2080.03%20194.61%20C
%2079.87%20192.32%2079.30%20190.20%2078.62%20188.04%20C
%2077.87%20185.64%2078.10%20183.25%2077.11%20180.91%20Q
%2076.87%20180.35%2077.47%20180.25%20C
%2078.63%20180.05%2079.67%20180.15%2080.80%20179.74%20C
%2089.77%20176.52%2099.15%20174.19%20108.31%20171.20%20Q
%20131.10%20163.77%20152.42%20157.42%20C
%20154.64%20156.75%20157.12%20155.60%20157.67%20153.21%20Q
%20159.62%20144.77%20160.27%20138.10%20C
%20160.47%20136.02%20161.58%20134.46%20161.87%20132.41%20C
%20163.03%20124.22%20164.89%20116.07%20165.93%20107.86%20C
%20166.37%20104.37%20167.60%20101.12%20167.92%2097.59%20C
%20168.12%2095.35%20168.09%2093.31%20168.99%2091.17%20Q
%20170.28%2088.11%20170.17%2084.75%20A
%200.70%200.70%200.0%200%201%20170.86%2084.03%20Q
%20189.53%2083.78%20209.22%2084.02%20C
%20223.41%2084.19%20239.22%2085.65%20254.19%2084.82%20C
%20261.36%2084.42%20266.23%2078.66%20271.78%2074.94%20Q
%20274.56%2073.07%20277.35%2071.17%20C
%20281.30%2068.47%20284.72%2065.14%20288.78%2062.44%20Q
%20291.81%2060.42%20294.82%2058.13%20Q%20305.24%2050.24%20315.03%2043.03%20C
%20316.38%2042.03%20317.70%2041.78%20319.23%2042.69%20Q
%20325.18%2046.23%20329.57%2049.92%20Q%20338.90%2057.75%20347.75%2064.47%20Q
%20354.73%2069.76%20360.88%2074.77%20C
%20367.50%2080.16%20374.48%2085.26%20381.38%2090.38%20C
%20382.79%2091.42%20384.86%2092.02%20386.65%2092.01%20Q
%20424.13%2091.86%20461.03%2092.02%20C
%20464.19%2092.04%20463.91%2095.42%20464.08%2097.60%20C
%20464.31%20100.61%20465.99%20102.81%20466.05%20106.01%20C
%20466.10%20108.92%20467.55%20111.23%20467.79%20114.05%20C
%20468.15%20118.33%20469.72%20122.04%20469.97%20126.24%20Q
%20470.20%20129.99%20471.36%20133.84%20C
%20472.11%20136.35%20471.86%20138.96%20472.68%20141.44%20Q
%20473.82%20144.92%20474.10%20148.25%20C
%20474.37%20151.46%20475.85%20154.12%20475.97%20157.25%20C
%20476.09%20160.23%20477.13%20165.79%20480.13%20167.39%20Q
%20488.42%20171.79%20494.57%20174.20%20Q%20497.47%20175.34%20500.39%20176.94%20C
%20503.10%20178.43%20506.03%20179.35%20508.73%20180.80%20C
%20518.58%20186.10%20528.98%20189.96%20538.84%20195.14%20C
%20541.70%20196.65%20544.72%20197.73%20547.70%20199.01%20A%201.66%201.65%20-
74.9%200%201%20548.68%20200.73%20Q%20548.10%20205.32%20546.92%20210.11%20C
%20546.25%20212.84%20546.01%20215.09%20545.79%20217.76%20C
%20545.52%20220.93%20544.30%20223.94%20544.10%20227.10%20Q
%20543.91%20230.02%20543.11%20232.70%20Q%20540.89%20240.20%20539.94%20248.31%20C
%20539.45%20252.51%20538.06%20256.49%20537.96%20260.65%20C
%20537.89%20263.78%20536.02%20266.09%20536.02%20269.22%20Q
%20536.01%20273.82%20534.10%20277.90%20Q%20533.80%20278.54%20534.17%20279.14%20Q
%20539.25%20287.46%20543.80%20296.46%20C
%20546.02%20300.86%20548.65%20305.02%20550.54%20309.44%20C
%20552.15%20313.20%20554.44%20316.55%20556.19%20320.14%20C
%20559.11%20326.15%20562.51%20331.57%20565.22%20337.53%20Q
%20567.43%20342.36%20570.07%20346.31%20A
%201.56%201.56%200.0%200%201%20569.95%20348.20%20Q
%20565.33%20353.58%20560.10%20358.07%20Q%20554.91%20362.51%20550.28%20367.12%20Q
%20544.83%20372.55%20539.31%20378.05%20C
%20536.94%20380.42%20534.17%20382.32%20532.03%20384.85%20Q
%20530.82%20386.27%20529.49%20387.43%20Q%20522.21%20393.77%20514.04%20402.39%20Q
%20510.31%20406.32%20511.85%20411.51%20A%202.02%202.00%20-
44.8%200%201%20511.84%20412.67%20C
%20511.07%20415.17%20511.98%20417.61%20511.98%20420.20%20Q
%20512.03%20446.03%20511.99%20471.73%20C
%20511.98%20475.01%20513.10%20477.85%20512.95%20481.12%20Q
%20512.93%20481.66%20512.39%20481.72%20Q%20508.55%20482.19%20504.84%20483.24%20C
%20502.26%20483.98%20499.59%20483.81%20497.04%20484.34%20Q
%20485.97%20486.62%20475.09%20488.10%20Q%20470.72%20488.69%20457.32%20491.51%20C
%20454.47%20492.11%20451.52%20491.98%20448.64%20492.54%20Q
%20437.48%20494.72%20426.59%20496.22%20C
%20423.53%20496.64%20420.95%20499.44%20419.15%20501.90%20Q
%20408.40%20516.66%20397.63%20530.30%20C
%20393.08%20536.05%20388.49%20543.17%20383.51%20549.36%20A
%202.00%201.99%2032.3%200%201%20381.09%20549.90%20C
%20359.86%20539.58%20335.72%20528.67%20317.35%20519.42%20Q
%20311.90%20516.68%20307.38%20518.91%20Q%20305.68%20519.75%20303.88%20520.48%20Q
%20292.09%20525.24%20280.00%20530.18%20Q%20267.70%20535.22%20253.98%20540.68%20C
%20250.18%20542.19%20246.54%20544.05%20242.75%20545.77%20A
%203.83%203.83%200.0%200%201%20238.06%20544.53%20C
%20232.04%20536.20%20225.59%20528.41%20219.29%20520.19%20Q
%20212.64%20511.51%20204.49%20501.52%20C
%20199.71%20495.67%20195.59%20488.99%20190.50%20483.84%20C
%20186.98%20480.29%20182.10%20481.17%20177.49%20480.64%20C
%20170.65%20479.87%20163.84%20480.00%20157.01%20479.12%20Q
%20150.03%20478.23%20141.82%20477.94%20Q%20135.86%20477.74%20130.55%20476.92%20Q
%20122.72%20475.71%20115.04%20475.99%20A%201.03%201.02%20-
89.2%200%201%20113.99%20474.90%20Q%20114.35%20468.72%20113.86%20463.41%20Q
%20113.07%20454.86%20113.06%20451.96%20Q%20113.02%20442.38%20112.59%20432.99%20C
%20111.89%20417.89%20112.06%20402.85%20111.93%20388.48%20Q
%20111.90%20384.65%20109.13%20380.03%20Q%20107.41%20377.16%20103.18%20373.97%20C
%2096.54%20368.96%2090.66%20362.95%2084.19%20357.66%20Q
%2078.21%20352.76%2071.60%20346.52%20C
%2068.66%20343.76%2065.18%20341.42%2062.13%20338.50%20Q
%2058.12%20334.66%2053.68%20331.22%20Q%2052.22%20330.08%2053.36%20328.63%20Q
%2056.08%20325.16%2058.63%20320.86%20Q%2061.09%20316.72%2064.12%20312.66%20Q
%2066.14%20309.96%2067.91%20306.68%20C
%2070.46%20301.95%2074.01%20298.15%2076.68%20293.66%20C
%2079.72%20288.55%2083.72%20284.20%2086.59%20278.97%20Q
%2087.90%20276.59%2089.37%20274.55%20C
%2091.73%20271.29%2093.34%20267.82%2095.73%20264.70%20Z%20M%20280.07%20340.77%20Q
%20279.41%20341.09%20278.98%20340.77%20Q%20253.70%20322.11%20233.17%20306.59%20Q
%20229.56%20303.86%20225.91%20301.57%20A
%201.34%201.34%200.0%200%200%20224.32%20301.69%20Q
%20223.32%20302.56%20222.46%20303.65%20Q%20211.29%20317.92%20201.46%20330.84%20C
%20199.87%20332.94%20202.23%20334.58%20203.68%20335.75%20Q
%20244.45%20368.65%20281.83%20399.16%20Q%20283.47%20400.50%20285.42%20401.50%20Q
%20285.87%20401.73%20286.37%20401.59%20Q%20287.50%20401.26%20288.29%20400.34%20Q
%20348.76%20329.17%20407.28%20260.42%20Q%20409.15%20258.21%20407.00%20256.28%20Q
%20393.56%20244.21%20380.94%20232.77%20Q%20379.91%20231.83%20378.72%20231.24%20Q
%20378.26%20231.02%20377.84%20231.31%20Q%20376.51%20232.25%20375.56%20233.32%20C
%20343.82%20269.05%20312.15%20304.85%20280.36%20340.55%20A
%200.89%200.85%206.5%200%201%20280.07%20340.77%20Z%22%20%2F%3E%20%3Cpat
h%20fill%3D%22%23ffffff%22%20d%3D%22%20M%20280.07%20340.77%20A
%200.89%200.85%206.5%200%200%20280.36%20340.55%20C
%20312.15%20304.85%20343.82%20269.05%20375.56%20233.32%20Q
%20376.51%20232.25%20377.84%20231.31%20Q%20378.26%20231.02%20378.72%20231.24%20Q
%20379.91%20231.83%20380.94%20232.77%20Q%20393.56%20244.21%20407.00%20256.28%20Q
%20409.15%20258.21%20407.28%20260.42%20Q%20348.76%20329.17%20288.29%20400.34%20Q
%20287.50%20401.26%20286.37%20401.59%20Q%20285.87%20401.73%20285.42%20401.50%20Q
%20283.47%20400.50%20281.83%20399.16%20Q%20244.45%20368.65%20203.68%20335.75%20C
%20202.23%20334.58%20199.87%20332.94%20201.46%20330.84%20Q
%20211.29%20317.92%20222.46%20303.65%20Q%20223.32%20302.56%20224.32%20301.69%20A
%201.34%201.34%200.0%200%201%20225.91%20301.57%20Q
%20229.56%20303.86%20233.17%20306.59%20Q%20253.70%20322.11%20278.98%20340.77%20Q
%20279.41%20341.09%20280.07%20340.77%20Z%22%20%2F%3E%3C%2Fsvg%3E);
width: 24px;
height: 18px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 4px;
left: 1px;
}
.username{
color: var(--color-medium-3);
}
.username.after_name{
margin: -5px 0 7px;
}
.user_card .website{
}
.user_card .website a{
color: var(--color-yellow);
text-decoration: underline;
}
.user_card .bio{
width: 600px;
max-width: 100%;
}
.user_card .joined{
color: var(--color-medium-3);
}
.user_card .level{
color: var(--color-medium-3);
}
.margin-20-0{
margin: 20px 0;
}
.form{
display: flex;
flex-direction: column;
gap: 19px 0;
}
.form_group{
display: flex;
flex-direction: column;
}
.form .footnote{
margin: 0 0 8px;
font-size: 13px;
color: var(--color-medium-2);
}
.form label{
font-weight: 500;
font-size: 16px;
}
.form label span{
margin: 0 10px;
font-size: 12px;
color: var(--color-medium);
}
.user_card .edit_profile_btn{
position: absolute;
top: 25px;
right: 20px;
}
.update_button_wrap{
width: 100%;
height: 61px;
display: flex;
align-items: center;
justify-content: center;
}
.update_button{
width: fit-content;
}
.update_button_wrap.top{
position: absolute;
top: 61px;
right: 0;
align-items: flex-end;
color: var(--color-yellow);
}
.update_button_wrap.top .update_button:hover{
cursor: pointer;
color: var(--highlight-2);
}
.related_icons{
padding: 15px 17px;
color: #fff;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
background: var(--color-dark-2);
gap: 0 10px;
}
.related_name{
padding: 5px 10px 5px 22px;
color: var(--color-light);
font-weight: 400;
flex-grow: 1;
text-align: left;
align-items: center;
display: flex;
justify-content: flex-start;
}
#search_suggestions .s_suggestion.s_ai .related_name{
display: block;
}
#search_suggestions .related_name em{
color: var(--color-medium-13);
}
.related_name_inner{
text-align: left;
justify-content: flex-start;
display: flex;
}
.related_name_inner::before{
content: attr(data-content);
display: inline-flex;
width: 16px;
height: 16px;
/*background: url('/favicon-32x32.png');*/
/*background-size: contain;*/
/*background-repeat: no-repeat;*/
/*background-position: center;*/
margin-right: 11px;
}
.related_count{
font-weight: 400;
font-size: 12px;
width: 2px;
padding: 5px 10px 5px 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--color-medium-2);
}
.related_count_inner{
box-shadow: inset 0 0 12px 0 #00000042;
background: #2f2f3b;
color: var(--color-medium-9);
box-sizing: border-box;
padding: 2px 6px;
border-radius: var(--border-radius-small);
font-size: 11px;
}
.task_component{
display: flex;
align-items: center;
justify-content: space-between;
}
.task_component_row{
display: flex;
flex-direction: row;
gap: 0 10px;
align-items: center;
}
#most_impacted_jobs{
--auto-grid-min-size: 16rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size),
1fr));
grid-gap: 19px;
}
#most_impacted_jobs a{
display: flex;
border-radius: var(--border-radius-large);
overflow: hidden;
background: var(--color-medium-11);
box-shadow: 0 0 8px 0 #0000002e;
align-items: center;
box-sizing: border-box;
padding: 16px 18px;
gap: 14px;
}
#most_impacted_jobs a:hover{
background: #3c3d4a;
}
#most_impacted_jobs .related_job_name{
font-size: 20px;
font-weight: 500;
}
#most_impacted_jobs .related_job_label{
color: var(--color-medium-3);
font-size: 15px;
}
#most_impacted_jobs .related_right .related_title {
margin-bottom: 10px;
}
#most_impacted_jobs .related_right > div{
margin-bottom: 3px;
}
#most_impacted_jobs .related_right .related_title{
margin-bottom: 10px;
}
#most_impacted_jobs img {
width: 82px;
height: 82px;
object-fit: cover;
border-radius: 50%;
}
.didnt_find{
grid-column: 1 / -1;
background: var(--color-dark-2);
padding: 28px 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 19px;
font-size: 19px;
margin-top: 16px;
border-radius: var(--border-radius-small);
position: relative;
flex-direction: column;
text-align: center;
}
/*#olay2.blur{*/
/* display: none!important;*/
/*}*/
/*#nsfw_content_modal{*/
/* display: none!important;*/
/*}*/
.didnt_find::before {
content: '💡';
position: absolute;
top: -24px;
background: var(--color-dark-2);
padding: 10px 15px;
border-radius: 25px;
font-size: 24px;
}
.didnt_find_links{
display: flex;
flex-direction: row;
gap: 19px;
}
.didnt_find a{
background: var(--color-yellow);
color: var(--color-dark-2);
padding: 10px 20px;
border-radius: var(--border-radius-large);
text-align: center;
font-weight: 500;
display: flex;
align-items: center;
}
.didnt_find a svg {
height: 19px;
}
.didnt_find a:hover{
background: var(--color-chrome);
}
#save_to_list_options label{
width: 400px;
max-width: 100%;
display: flex;
flex-direction: row;
border: 1px solid var(--color-medium-14);
margin-bottom: 4px;
height: 36px;
padding: 5px 10px;
border-radius: var(--border-radius-small);
cursor: pointer;
box-sizing: border-box;
align-items: center;
}
#save_to_list_options label.selected{
height: auto;
flex-direction: column;
align-items: flex-start;
}
.list_label_input_wrap{
display: flex;
align-items: center;
}
#list_add_comment_wrap{
margin: 15px 0 0;
font-size: 15px;
color: var(--color-medium-9);
}
#list_add_comment_wrap span{
color: var(--color-medium-13);
}
#save_to_list_options label:hover{
background: var(--color-medium-11);
}
#save_to_list_options label#list_add_comment_wrap{
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#list_add_comment{
background: var(--color-dark-4);
width: calc(100%);
padding: 11px 13px 30px 13px;
box-sizing: border-box;
}
#save_to_list_modal{
width: 500px;
padding: 12px 0;
}
#save_to_list_modal .save_to_list_btn{
background: var(--color-light);
border-radius: var(--border-radius-large);
color: var(--color-dark);
cursor: pointer;
}
#save_to_list_modal .modal-header{
font-size: 24px;
margin: 20px 0 27px;
font-weight: 600;
}
#save_to_list_modal .modal_footer{
height: 60px;
display: flex;
align-items: center;
box-sizing: border-box;
}
#save_to_list_modal .modal_footer .btn{
padding: 6px 19px;
font-weight: 600;
font-size: 19px;
}
#save_to_list_modal .modal_footer .btn:hover{
background: var(--color-light-3);
}
#save_to_list_modal #new_list_name_input_wrap{
width: 100%;
margin-top: 21px;
color: var(--color-medium-13);
}
#save_to_list_modal #new_list_name_input_wrap input{
width: 100%;
box-sizing: border-box;
background: var(--color-dark-4);
}
#save_to_list_modal > *{
width: 400px;
max-width: 90%;
}
/* ----------------------------------------------
* Generated by Animista on 2023-3-12 10:54:26
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation heartbeat
* ----------------------------------------
*/
@-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@-webkit-keyframes fade-in-top {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-top {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@-webkit-keyframes fade-in-top-small {
0% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-top-small {
0% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-top-list {
0% {
-webkit-transform: translate3d(-50%, 50px, 0);
transform: translate3d(-50%, 50px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes fade-in-right {
0% {
-webkit-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(-66px) translateY(-50%);
transform: translateX(-66px) translateY(-50%);
opacity: 1;
}
}
@keyframes fade-in-right {
0% {
-webkit-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(-66px) translateY(-50%);
transform: translateX(-66px) translateY(-50%);
opacity: 1;
}
}
@-webkit-keyframes fade-out-right {
0% {
-webkit-transform: translateX(-66px) translateY(-50%);
transform: translateX(-66px) translateY(-50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(50px) translateY(-50%);
transform: translateX(50px) translateY(-50%);
opacity: 1;
}
}
@keyframes fade-out-right {
0% {
-webkit-transform: translateX(-66px) translateY(-50%);
transform: translateX(-66px) translateY(-50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(50px) translateY(-50%);
transform: translateX(50px) translateY(-50%);
opacity: 1;
}
}
#tos_modal{
height: 90vh;
width: 95vw;
}
#tos_modal h3{
font-size: 23px;
margin-top: 23px;
}
#tos_modal textarea{
width: 80vw;
height: 60vh;
background: var(--color-dark-2);
color: #dadada;
border-radius: var(--border-radius-large);
box-shadow: inset 0 0 10px 0 #00000066;
border: none;
padding: 33px;
box-sizing: border-box;
}
.tos_modal_footer{
display: flex;
flex-direction: column;
}
.tos_agree_wrap{
margin: 15px 28px;
}
.newsletter_subscribe_wrap{
margin-top: 0;
}
.button:disabled{
opacity: 0.5;
cursor: not-allowed;
}
.in_content_featured {
padding: 0 0 40px 0;
--auto-grid-min-size: 16rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size),
1fr));
grid-gap: var(--grid-gap);
width: 100%;
}
.in_content_featured .li.l {
flex: 1;
grid-column: span 1;
}
.section_header{
background: linear-gradient(180deg,#3b3c4c,#2d2e36);
box-sizing: border-box;
padding: 19px 24px 17px 24px;
margin: 36px auto 11px;
position: relative;
width: 1050px;
max-width: 87%;
border-top-left-radius: 19px;
border-top-right-radius: 19px;
box-shadow: 0 -9px 12px 0 #16161c26;
}
select{
background: var(--color-dark-0);
border: 1px solid var(--color-medium-12);
height: 42px;
border-radius: var(--border-radius-small);
color: var(--color-light);
padding: 0 11px;
font-size: 15px;
position: relative;
background: url("data:image/svg+xml,<svg height='10px' width='10px'
viewBox='0 0 16 16' fill='%23ececf1' xmlns='http://www.w3.org/2000/svg'><path
d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753
1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
background-position: calc(100% - 0.75rem) center !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
margin: 11px 0;
}
select option{
color: var(--color-dark);
}
.li.m .task_label_wrap {
display: flex;
align-items: center;
}
.li.m .task_label_wrap .task_label {
padding: 0 34px 0 11px;
line-height: 26px;
max-width: 100%;
}
.li.m .task_label_wrap .follow_wrapper.small {
margin-left: -34px;
top: 2px;
background: transparent;
width: 26px;
height: 26px;
padding: 18px;
border: none;
pointer-events: all;
}
.li.l .task_label_wrap .follow_wrapper.small,
#alternatives_cont .li .task_label_wrap .follow_wrapper.small {
display: none;
}
.hide_user_interaction {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#message_modal{
width: 712px;
}
#message_modal .modal_title{
background: none;
-webkit-text-fill-color: #fff;
text-transform: none;
font-size: 27px;
}
#message_modal .modal_cont{
width: 100%;
}
#message_modal .modal_header{
margin-bottom: 12px;
background: var(--color-dark-0);
border-radius: var(--border-radius-large);
padding: 17px 28px;
}
#message_modal .modal_title{
background: none;
-webkit-text-fill-color: #fff;
text-transform: none;
font-size: 26px;
margin: 0;
font-style: normal;
font-weight: 600;
}
#message_modal .user_card{
display: inline-flex;
}
#message_modal .modal_body{
padding: 17px 28px;
box-sizing: border-box;
}
#message_modal .message_modal_to{
display: flex;
align-items: center;
gap: 9px;
}
#message_modal .modal_footer{
padding: 17px 28px;
box-sizing: border-box;
}
#message_modal .user_stats .info_button{
display: none;
}
#message_input{
width: 100%;
padding: 10px 15px;
border: 1px solid var(--color-medium-12);
border-radius: var(--border-radius-small);
background: var(--color-dark-0);
color: var(--color-light);
font-size: 16px;
max-width: 100%;
box-sizing: border-box;
height: 160px;
margin: 0;
}
#message_subject{
width: 100%;
padding: 10px 15px;
border: 1px solid var(--color-medium-12);
border-radius: var(--border-radius-small);
background: var(--color-dark-0);
color: var(--color-light);
font-size: 16px;
max-width: 100%;
box-sizing: border-box;
margin: 0 0 12px 0;
}
.temp_highlight {
animation: highlightFade 2s forwards;
}
@keyframes highlightFade {
0%, 90% {
border: 1px solid var(--color-android);
}
100% {
border: initial;
}
}
/* Report modal */
#ai_options_modal h2{
font-size: 32px;
}
#ai_options_modal .follow_wrapper .label{
margin-right: 12px;
}
#ai_options_modal .modal_cont,
#report_modal .modal_cont{
max-width: 91%;
width: 419px;
}
#ai_options_modal .modal_body{
padding-bottom: 24px;
}
#report_modal .modal_body {
padding-bottom: 10px;
max-height: 60vh;
}
#report_modal .modal_footer {
padding: 10px 0 20px;
display: flex;
justify-content: center;
}
#report_modal h2{
font-size: 28px;
}
#report_modal #report_reasons{
display: flex;
flex-direction: column;
gap: 10px;
}
#report_modal .report_reason{
background: var(--color-medium-10);
border-radius: var(--border-radius-small);
display: flex;
align-items: center;
cursor: pointer;
position: relative;
width: 100%;
}
#report_modal .report_reason input {
position: absolute;
margin-left: 10px;
}
#report_modal .report_reason label {
display: block;
width: 100%;
padding: 10px 10px 10px 35px;
}
#report_modal .report_reason *{
cursor: pointer;
}
#report_modal .report_reason.other textarea{
display: none;
position: absolute;
top: 100%;
width: 100%;
height: 80px;
box-sizing: border-box;
background-color: var(--color-dark-2);
}
#report_modal .report_reason.other input:checked + textarea{
display: block;
margin-bottom: 0;
}
#report_modal .report_reason.other.selected {
margin-bottom: 90px;
}
#report_modal .report_reason:hover{
background: var(--color-medium-11);
}
#submit_report:disabled{
cursor: wait;
opacity: 0.8;
}
/* Actions modal */
/* -- upload image content */
#action_modal{
padding: 20px;
width: 500px;
max-width: 100%;
height: auto;
}
#action_modal .modal-content[data-action="edit-img"]{
display: flex;
gap: 5px;
flex-direction: column;
padding: 20px;
border-radius: var(--border-radius-large);
position: relative;
scroll-margin: calc(var(--ctrl-height) + 20px);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 150px;
background-color: var(--color-medium-14);
margin-bottom: 20px;
}
.attribution_wrap,
.rank_task_name{
display: flex;
justify-content: flex-start;
}
.attribution_wrap{
position: relative;
padding: 7px 12px;
box-sizing: border-box;
border-radius: var(--border-radius-small);
box-shadow: 0 0 3px 0 #0000003b;
background: var(--color-medium-10);
}
.attribution_wrap.unverified .by{
position: relative;
background: none;
top: auto;
padding: 0;
margin-right: 4px;
box-shadow: none;
}
.attribution_message{
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
gap: 5px;
color: #c8c9d3;
font-weight: 500;
}
.attribution_message svg{
width: 14px;
fill: #c8c9d3;
}
.ai_list{
justify-content: space-between;
display: flex;
flex-direction: column;
height: 242px;
background: #3e3e4d;
background: linear-gradient(288deg, #31313c, #3d3d4b);
padding: 20px 17px 13px 17px;
border-radius: var(--border-radius-large);
box-shadow: 0 0 3px 0 #000000a3;
border: 1px solid #49495d;
cursor: pointer;
}
.ai_list:hover{
background: #40404e;
}
.ai_list .list_href{
display: flex;
flex-direction: column;
flex-grow: 1;
}
.ai_list .ai_list_header{
font-size: 20px;
font-weight: 600;
}
.ai_list .ai_list_row{
display: flex;
align-items: center;
justify-content: space-between;
}
.ai_list .ai_list_follow{
font-size: 12px;
font-weight: 500;
background: var(--color-medium-7);
padding: 3px 12px;
border-radius: var(--border-radius-xl);
border: 1px solid #71718c;
display: flex;
align-items: center;
justify-content: center;
}
.ai_list .ai_list_follow:hover{
background: var(--color-medium-6);
}
.ai_list .ai_list_follow svg{
width: 10px;
height: 10px;
margin-left: 6px;
}
.ai_list .subscriber_count{
display: flex;
align-items: center;
gap: 5px;
font-size: 12px;
font-weight: 500;
margin: 5px 0 17px;
color: var(--color-medium-13);
}
.ai_list .subscriber_count svg{
width: 10px;
height: 10px;
margin-right: 4px;
}
.ai_list .ai_list_icons{
--auto-grid-min-size: 40px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
justify-content: start;
grid-gap: 14px;
align-items: start;
}
.ai_list .ai_list_author .user_card{
justify-content: flex-start;
}
.ai_list .ai_list_footer{
}
/* Hide the loading bar by default */
#loading_bar{
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 3px;
background-color: #3498db;
z-index: 9999;
transition: width 2s ease-out;
visibility: hidden; /* Hide by default */
}
.homepage_announcement_wrap{
min-height: var(--announcement-height);
}
#view_most_popular{
display: flex;
justify-content: center;
min-width: max-content;
}
#view_most_popular a{
background: #2f303b;
padding: 10px 17px;
border-radius: 40pc;
margin: 10px 0 0;
display: inline-flex;
align-items: center;
}
#view_most_popular a:hover{
background: #3f404b;
}
#view_most_popular span{
color: var(--color-yellow);
display: inline-flex;
align-items: center;
margin-right: 5px;
margin-left: 5px;
}
#view_most_popular svg{
width: 22px;
fill: #fff;
}
.requests_link_top{
position: relative;
}
.requests_link_top::before{
content: "New";
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%);
color: var(--highlight-2);
display: block;
font-size: 9px;
background: #ffffff;
padding: 0 5px;
border-radius: 32px;
font-weight: 600;
}
.benefits{
}
.benefits ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style: none; /* Remove default bullets */
padding: 0; /* Remove default padding */
margin: 0; /* Optional: Remove default margin */
}
.benefits ul li {
position: relative;
background: linear-gradient(45deg, var(--color-medium-6), transparent);
padding: 10px 10px 10px 40px;
border-radius: var(--border-radius-small);
box-sizing: border-box;
}
.benefits ul li::before {
content: "";
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%); /* Vertically center the image */
width: 20px; /* Adjust to your image width */
height: 20px; /* Adjust to your image height */
background-image: url('https://theresanaiforthat.com/favicon-large.png?
width=25');
background-size: contain;
background-repeat: no-repeat;
}
/* MEDIA QUERIES */
/* descending max-widths */
@media(max-width: 1260px){
.modal_title{
font-size: 36px;
line-height: 33px;
}
.modal_description{
margin: 43px 0 28px;
}
}
@media(max-width: 1100px){
#data_alphab, #data_hist, #data_new, #results_cont, .data_cont_bottom {
margin: 13px auto;
width: calc(100% - 40px);
max-width: 100%;
}
}
@media(max-width: 900px){
.footer_inner {
grid-template-columns: repeat(3, 1fr);
}
}
@media(max-width: 800px){
.modal{
max-height: 99vh;
overflow-y: auto;
}
.modal .row{
flex-direction: column;
}
.modal .row > div{
width: 100%;
padding: 6px 25px;
}
.modal .row > div.left{
padding: 0;
}
.modal_title{
font-size: 25px;
line-height: 21px;
}
.modal_description{
font-size: 18px;
margin: 26px 0 0;
}
.modal_cta > *{
margin: 15px 0;
}
.modal_cta input{
margin-top: 4px;
}
.modal_cta .button{
font-size: 22px;
height: 42px;
max-width: 74%;
}
.modal_image{
height: 357px;
overflow: hidden;
}
#close_newsletter_modal{
display: none;
}
#close_newsletter_modal_2{
display: block;
}
footer {
padding-bottom: 30px;
}
footer .footer_logo .logo {
width: 80%;
}
}
@media(max-width: 720px){
.footer_inner {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 500px){
#ctrl a#logo_icon_href{
display: none;
}
#ctrl_user{
}
#ctrl_user_link {
font-size: 13px;
justify-content: flex-end;
}
#ctrl_user:hover, body.ctrl_expanded_menu #ctrl_user{
background: none;
}
#ctrl_user_link #ctrl_username {
display: none;
}
/*#ctrl_user_link .user_stats {*/
/* left: 5px;*/
/* margin-left: 0;*/
/*}*/
#ctrl_user_link .user_stats{
display: none!important;
}
#ctrl_user_link{
gap: 4px;
}
#ctrl_left div[data-id="taaft_free"] {
transform: translateX(-20px);
left: 65px;
}
div[data-id="taaft_free"] > label {
right: 0;
left: auto;
width: auto;
}
#search_suggestions {
margin-left: -28px;
max-width: calc(85% - 60px);
}
#search_suggestions .related_icons .fa{
margin-left: 12px;
font-size: 11px;
}
#search_suggestions > a{
padding: 9px 17px;
font-size: 14px;
}
#search_suggestions .s_task{
padding: 9px 17px 9px 10px;
}
#search_suggestions .related_name{
padding-left: 14px;
}
#go_top_btn{
right: 10px!important;
height: var(--floating-button-size-mobile)!important;
width: var(--floating-button-size-mobile)!important;
}
#go_top_btn.up_1{
bottom: 69px;
}
.comment_vote_wrap{
margin-right: 13px;
}
.attribution_wrap .user_stats,
.comment .user_stats .stat_label{
display: none;
}
#menu {
transform: translateX(-262px);
width: 262px;
}
#menu_collapsed_toggle{
display: block;
}
body.expanded_menu #menu {
transform: translateX(0);
}
#nav{
/*margin: 59px auto 28px;*/
/*margin: 38px auto 20px;*/
margin: 30px auto 20px;
}
#header_spacer{
height: calc(390px + var(--announcement-height));
}
#header .filters {
/*margin: 13px 5px 0;*/
}
#header .filters .filter_by {
max-width: 100%;
}
#header .filters .tabbed_menu .tab{
padding: 10px 14px;
}
#header .filters .tab_inner > span.new_ais_count{
right: -10px;
}
.logo{
padding-top: calc(18 / 320 * 100%);
}
.logo picture,
.logo img,
.logo svg{
height: 17px;
}
.logo{
width: 82%;
}
.logo img{
width: 100%;
}
#used_by {
flex-direction: column;
gap: 0;
}
#topstats{
font-size: 13px;
margin: -17px 0 20px;
}
.pagination_inner{
gap: 0;
}
.pagination a{
padding: 7px 11px;
font-size: 15px;
}
.pagination svg{
width: 11px;
}
.tabbed_menu{
max-width: 100vw;
}
.tabbed_menu .tabs_inner{
background: none;
overflow-x: scroll;
padding-top: 5px;
}
.tabbed_menu .tab{
padding: 9px 14px;
font-size: 15px;
margin: 0 5px;
}
.tabbed_menu img,
.tabbed_menu svg{
height: 16px;
margin-right: 5px;
}
.short_description{
/*margin: -3px auto 16px;*/
font-size: 15px;
line-height: 24px;
}
#share_cta{
margin-top: 30px;
}
.breadcrumbs a, .breadcrumbs .breadcrumb{
font-size: 13px;
}
ul{
margin: 7px 0;
}
li{
/*padding: 10px 10px 10px 43px;*/
/*margin: 0 0 0 22px;*/
margin: 0;
content-visibility: auto;
}
.li.m:hover{
background: initial;
}
/*.li img{*/
/* display: none;*/
/*}*/
.header_row .share_ai{
width: 51px;
}
#ai_top_link{
font-size: 17px;
}
.ai_top_link{
height: 40px !important;
font-size: 18px !important;
}
.task_name{
margin: 1em 0 0 40px;
}
.task{
width: 85%;
}
#selections_list_ul{
padding-bottom: 280px;
}
.letter{
width: 100%;
}
h1, h2{
font-size: 31px;
margin: 19px 0 17px 0;
}
#report_modal .modal_header h2 {
font-size: 25px;
display: block;
text-align: center;
}
#results_cont h2{
margin: 37px 0 17px;
}
#search_key{
width: 24px;
height: 20px;
/*top: 50%;*/
/*transform: translateY(-50%);*/
padding: 2px 0;
}
.search_wrap {
max-width: 85%;
margin-top: 30px;
}
.search_wrap:before{
left: 18px;
}
.search_wrap.active:before{
display: none;
}
/*#search{*/
/* width: 233px;*/
/* padding: 8px 14px;*/
/*}*/
#switch{
/*margin: 5px auto 28px;*/
}
#switch_inner{
justify-content: flex-start;
}
#switch_inner_left{
min-width: 165px;
}
#switch_saved{
/*box-shadow: -2px 9px 8px 3px #1f1f259c;*/
}
.desk_row{
max-width: 100%;
padding-left: 0;
}
#results_cont{
max-width: 90%;
}
#letters_scroll .jump_letter{
padding: 1px 6px;
}
#periods_scroll .jump_letter{
padding: 3px 6px;
}
.share_ai, .save_ai{
display: flex;
align-items: center;
}
.li .share_ai{
/*bottom: 26px;*/
/*padding: 4px 8px;*/
/*width: 49px;*/
/*right: 0;*/
/*left: auto;*/
/*background: none;*/
display: none;
}
.checkbox{
left: 15px;
}
#controls{
right: 20px;
}
#help{
display: none;
}
#selections_list_ul li{
font-size: 14px;
padding: 13px 37px 13px 0;
}
.remove_from_list{
opacity: 1;
visibility: visible;
}
#selections_cont{
transition: opacity 0.3s ease-in-out, transform 0.13s ease-in-out;
}
#selections_cont #selections_list_ul .id::before{
visibility: visible;
opacity: 0.5;
}
#olay2.invisible{
transition: opacity 0.35s ease-in-out;
}
#selections_cont #selections_list_ul li:has(.remove_from_list:hover),
#selections_cont #selections_list_ul li:has(.remove_from_list:hover) .id{
color: var(--color-medium);
}
#results_cont img.loading{
max-width: 85%;
top: calc(50% - 70px);
}
.modal{
max-width: 100%;
transform: translate(-50%, 0);
top: auto;
bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.modal .row > div.right{
padding: 6px 21px;
}
.modal_title {
font-size: 23px;
line-height: 20px;
}
.modal_description{
font-size: 17px;
margin: 15px 0 0;
}
.modal_cta input{
padding: 13px;
}
.modal_cta button {
font-size: 21px;
height: 47px;
}
.disclaimer{
padding: 15px;
font-size: 13px;
line-height: 17px;
margin: 0 0 14px 0;
}
.modal_image {
height: 177px;
display: flex;
align-items: flex-start;
}
.modal_title_simple{
font-size: 21px;
}
#left_floating_links{
top: auto;
transform: none;
bottom: 24px;
}
.left_floating_link{
padding: 16px 1px;
}
#switch.expanded{
padding: 400px 0;
}
#switch.expanded .tab{
max-width: 39%;
}
#switch.expanded #switch_inner{
max-width: 100%;
}
.quickscroll{
left: auto;
right: -55px;
}
.fade-in-left {
/*-webkit-animation: fade-in-left 0.6s ease-out both;*/
/*animation: fade-in-left 0.6s ease-out both;*/
transform: translate3d(-66px, -50%, 0);
transition-timing-function: ease-out;
}
#periods_scroll.fade-in-left-end,
#letters_scroll.fade-in-left-end{
transform: translate3d(-66px, -50%, 0);
transition: none;
animation: none;
}
.fade-out-left{
/*-webkit-animation: fade-out-left 0.6s ease-in both;*/
/*animation: fade-out-left 0.6s ease-in both;*/
transform: translate3d(50px, -50%, 0);
transition-timing-function: ease-in;
}
.vote_request{
width: 72px;
}
.vote_request .vote_count{
font-size: 17px;
}
.vote_request .votes_count{
}
.vote_request .votes_label{
font-size: 11px;
}
.vote_request .request_vote_button{
padding: 5px 12px;
margin-top: 6px;
font-size: 15px;
}
.request{
gap: 9px;
}
.request .col{
max-width: calc(100% - 88px);
padding: 18px 23px 47px;
min-height: 104px;
}
.request_title{
font-size: 19px;
}
.request_footer a{
max-width: 102px;
}
.in_content_featured {
flex-direction: column;
}
.li.l, li.m {
content-visibility: visible;
}
.section_header{
width: 100%;
max-width: 100%;
margin-top: 18px;
}
.task_label_wrap{
margin-top: -8px;
}
#info_popover_inner{
max-width: calc(100vw - 60px);
}
#bottom_banner {
padding-top: 10px;
}
#bottom_banner #setup_link {
margin-top: 3px;
}
.sign_up_with_email{
display: none;
}
#signin_modal,
.signin_modal{
height: 477px;
}
footer {
padding-left: 0px;
}
.footer_inner {
grid-template-columns: repeat(2, 1fr);
}
.footer_social {
grid-column: 1 / -1; /* Spans full width */
}
.footer_links_column {
grid-column: span 1; /* Takes up 50% width */
}
#message_modal .modal_title{
font-size: 20px;
}
#submit.shrink{
padding: 0;
right: 8px;
}
}
@media(max-width: 375px){
#menu_collapsed_toggle{
margin-left: -10px;
}
div[data-id="taaft_free"]{
margin-left: -25px;
}
div[data-id="taaft_free"] > .switch-label:before{
display: none;
}
}
/* ascending min-widths */
@media(min-width: 501px){
div[data-id="taaft_free"]:hover > .switch-label:before{
transform: rotate(90deg);
}
div[data-id="taaft_free"]:hover div[data-id="taaft_free_popover"]{
display: flex;
}
#info_popover_inner {
max-width: 500px;
}
#ctrl_user:hover .popup_menu {
visibility: visible;
}
#menu .menu_inner > a span:not(.img):not(.headerbtn_saved),
#menu #switch_profile_menu .my_profile_label{
opacity: 0.001;
transition: all 0.2s ease-in-out;
}
body.expanded_menu #menu .menu_inner > a span:not(.img),
#menu:hover .menu_inner > a span:not(.img):not(.headerbtn_saved),
#menu:hover #switch_profile_menu .my_profile_label,
body.expanded_menu #menu #switch_profile_menu .my_profile_label{
opacity: 1;
}
#header .filters{
margin: 10px 0;
}
.search_wrap{
padding-left: 60px;
}
.spacer{
height: 18px;
}
.li.m:hover .use_case,
.li.m:hover .share_ai,
.li.m:hover .save_ai{
display: flex;
}
.li .external_ai_link{
display: none;
}
.li.m:hover .external_ai_link{
display: inline-flex;
position: absolute;
bottom: -4px;
top: auto;
/*right: -14px;*/
right: -6px;
z-index: 4;
}
.li.m:hover .ai_launch_date{
display: initial;
z-index: 6;
margin-right: 13px;
}
.li.m:hover .available_starting{
display: none;
}
#main > .filters, #main > .homepage_announcement_wrap {
/*padding-left: 60px;*/ /*ruins alignment and not needed*/
}
body.expanded_menu.visitor #header,
body.expanded_menu.visitor #main,
body.expanded_menu.visitor #footer{
padding-left: 262px;
}
body.expanded_menu.visitor .desk_row {
padding-left: 40px;
}
body.expanded_menu.visitor .fade-in-left {
transform: translate3d(318px, -50%, 0);
}
body.expanded_menu.visitor #search_suggestions {
margin-left: 132px;
}
#report_modal, #ai_options_modal {
width: auto;
padding: 16px 27px;
}
#report_modal .modal_close::before{
content: '✕';
}
}
@media(min-width: 701px){
.breadcrumbs a, .breadcrumbs .breadcrumb{
width: max-content;
}
}
@media(min-width: 501px) and (max-width: 940px){
.in_content_featured .li:last-child {
display: none;
}
}
@media(min-width: 501px) and (max-width: 1100px){
.filters{
justify-content: flex-start;
}
}
@media(min-width: 501px) and (max-width: 1300px){
#featured_tab{
left: -15px;
}
}
@media(min-width: 1101px){
#data_alphab, #data_hist, #data_new,
#results_cont, .data_cont_bottom, .data_cont{
max-width: 62%;
}
#switch_saved {
display: none;
}
#main{
/*overflow: hidden;*/
}
#switch{
display: none;
}
#sidebar_right{
display: block;
}
#featured_tab{
display: flex;
left: 59px;
position: absolute;
}
.desk_row{
/*justify-content: space-between;*/
box-shadow: 0 -3px 2px 0 #00000012;
padding-left: 95px;
}
#header_spacer{
height: calc(443px + var(--announcement-height));
}
}
@media(min-width: 1101px) and (max-width: 1300px) {
body.expanded_menu.visitor .desk_row.periods {
padding-left: 53px;
}
}
@media(min-width: 1101px) and (max-width: 1500px){
.pagination_inner{
gap: 10px;
}
}
@media(min-width: 1101px) and (max-width: 1460px){
.in_content_featured .li:last-child {
display: none;
}
}
@media(min-width: 1701px){
#header_spacer{
height: calc(453px + var(--announcement-height));
}
}
</style>
<script >
window.by_id = document.getElementById.bind(document);
// preload
window.addEventListener('error', function (e) {
// const skip_m = [];
// const skip_f = [];
// let _return = false;
// skip_m.forEach((s)=>{if(e.error.message.includes(s)){_return=true;}});
// skip_f.forEach((s)=>{if(e.filename.match(s)){_return=true;}});
// if (_return) return;
const error = {
userAgent: navigator.userAgent,
url: window.location.href,
message: e.error.message,
filename: e.filename,
stack: e.error.stack,
line: e.lineno,
column: e.colno,
};
track_error(error);
});
window.track_error = function (error) {
if (!['for-you', 'setup'].includes(page)) {
return;
}
let xhr = new XMLHttpRequest();
xhr.open('POST', '/api/track-js-error/', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(error));
};
function set_cookie(name,value,hours=24){let expires = '';if(hours){let d=new
Date();d.setTime(d.getTime()+(hours*60*60*1000));expires=';
expires='+d.toUTCString();}document.cookie=name+'='+encodeURIComponent(value)
+expires+'; path=/; domain=.' + app_domain;}
function get_cookie(name){let c=document.cookie.split(';'),_c,_cp;for(let
i=0;i<c.length;i++){_c=c[i].trim();_cp=_c.split('=');if(_cp[0]===name){return
decodeURIComponent(_cp[1]);}}return '';}
function delete_cookie(name){document.cookie=name+'=; expires=Thu, 01 Jan 1970
00:00:00 GMT; path=/; domain=.' + app_domain;}
function load_scripts_in_order(scripts) {
let script = document.createElement('script');
script.type = 'text/javascript';
script.src = scripts[0];
script.onload = function () {
this.dataset.loaded = true;
scripts.shift();
if (scripts.length > 0) {
load_scripts_in_order(scripts);
}
};
document.head.appendChild(script);
}
window.ctrl_updated = false;
let initial_referrer = '';
let chopskate_response = null;
let dom_loaded = false;
let app_version = "1.6.480";
let app_domain = "theresanaiforthat.com";
let app_media_domain = "media.theresanaiforthat.com";
let currentUserRating = null;
const url = new URL(window.location.href);
}
}
});
sync_storage();
window.addEventListener('pageshow', function(event) {
let el = by_id('taaft_free_checkbox0');
if (el) {
el.checked = window.location.host === 'free.' + app_domain;
// by_id('taaft_free').classList.remove('loading');
Array.from(document.querySelectorAll('[data-
id="taaft_free"]')).forEach(function(el) {
el.classList.remove('loading');
});
}
});
function jos_input_select(){
// const urlParams=new
URLSearchParams(window.location.search),refParam=urlParams.get("ref"),utmParams={};
urlParams.forEach(((e,t)=>{t.startsWith("utm_")&&(utmParams[t]=e)})),refParam&&!
localStorage.getItem("refParam")&&localStorage.setItem("refParam",refParam);for(con
st[e,t]of Object.entries(utmParams))localStorage.getItem(e)||
localStorage.setItem(e,t);XMLHttpRequest.prototype.open=function(e){const
t=["theresanaiforthat.com"];return function(r,a,o){const s=function(e){const
t=document.createElement("a");return t.href=e,t.hostname}(a);if(t.includes(s))
{e.apply(this,arguments),this.setRequestHeader("se_initial_referrer",initial_referr
er),this.setRequestHeader("se_is_mobile",is_mobile);let i=(new
Date).getTime(),l=Math.floor(i/1e3),c=l.toString().split("").reduce(((e,t)=>e+parse
Int(t)),0);const m=["p","o","n","m","l","k","j","i","h","g"];function n(){const
e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return
e.charAt(Math.floor(62*Math.random()))}let
f=l.toString().split("").map((function(e){const
t=parseInt(e);return[1,2,6,7,9].includes(t)?
(t+2)%10:m[t]})).join(""),h=f.slice(0,5),u=Array.from({length:5},
(()=>n())).join("")+f.slice(5),p=c.toString(),g=[],d=4;"undefined"!=typeof
window&&0===window.location.href.indexOf("https://theresanaiforthat.com")||
(d=3),g.push(h[0]);for(let w=0;w<p.length;w++)g.push(p[w]);for(let
y=1;y<h.length;y++)g.push(h[y]);let P=g.join(""),S=u.slice(0,d)
+P+u.slice(d);S=Array.from({length:17},(()=>n())).join("")
+f+S+Array.from({length:20},
(()=>n())).join(""),this.setRequestHeader("se_accept_encoding",S);const
_=localStorage.getItem("refParam");refParam&&this.setRequestHeader("se_refParam",_)
;for(const I in
localStorage)I.startsWith("utm_")&&this.setRequestHeader("se_"+I,localStorage.getIt
em(I))}else e.apply(this,arguments)}}(XMLHttpRequest.prototype.open);
// Check referrer and save in local storage
// Get URL parameters
const urlParams = new URLSearchParams(window.location.search);
const refParam = urlParams.get('ref');
const utmParams = {};
urlParams.forEach((value, key) => {
if (key.startsWith('utm_')) {
utmParams[key] = value;
}
});
function getDomain(url) {
const a = document.createElement('a');
a.href = url;
return a.hostname;
}
open.apply(this, arguments);
this.setRequestHeader('se_initial_referrer', initial_referrer);
this.setRequestHeader('se_is_mobile', is_mobile);
if (chopskate_response) {
this.setRequestHeader('se_chopskate', chopskate_response);
}
let timestampMilliseconds=new
Date().getTime(),timestampSeconds=Math.floor(timestampMilliseconds/
1e3),sumOfDigits=timestampSeconds.toString().split("").reduce((r,t)=>r+parseInt(t),
0);const digitToLetterMap=["p","o","n","m","l","k","j","i","h","g"];function
transformDigit(r){let t=parseInt(r);return[1,2,6,7,9].includes(t)?
(t+2)%10:digitToLetterMap[t]}function getRandomAlphanumeric(){let
r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";return
r.charAt(Math.floor(Math.random()*r.length))}let
convertedString_orig=timestampSeconds.toString().split("").map(transformDigit).join
(""),originalFirst5=convertedString_orig.slice(0,5),convertedString=Array.from({len
gth:5},()=>getRandomAlphanumeric()).join("")
+convertedString_orig.slice(5),sumOfDigitsString=sumOfDigits.toString(),mergedStrin
gArray=[];mergedStringArray.push(originalFirst5[0]);for(let
i=0;i<sumOfDigitsString.length;i+
+)mergedStringArray.push(sumOfDigitsString[i]);for(let
i=1;i<originalFirst5.length;i++)mergedStringArray.push(originalFirst5[i]);let
mergedString=mergedStringArray.join(""),giumbix=convertedString.slice(0,4)+mergedSt
ring+convertedString.slice(4),giumbix_1=giumbix,randomChars17=Array.from({length:17
},()=>getRandomAlphanumeric()).join(""),randomChars20=Array.from({length:20},
()=>getRandomAlphanumeric()).join("");giumbix=randomChars17+convertedString_orig+gi
umbix+randomChars20;
this.setRequestHeader('se_accept_encoding', giumbix);
// giumbix2 = giumbix;
// giumbix3 = {
// timestampMilliseconds,
// timestampSeconds,
// sumOfDigits,
// digitToLetterMap,
// convertedString_orig,
// originalFirst5,
// convertedString,
// sumOfDigitsString,
// mergedStringArray,
// mergedString,
// giumbix,
// giumbix_1,
// randomChars17,
// randomChars20
// };
}
// do the same with
let http = new XMLHttpRequest();
let params = type + "=" + entity_id + "&entity_html=" +
el_original.outerHTML;
http.open('POST', '/api/click/', true);
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
http.send(params);
}
function queryParentSelector(element, selector, max_depth = 10) {
let original_element = element;
while (element && element !== document.documentElement) {
if (max_depth === 0) {
return null;
}
if (element.parentNode.matches(selector)) {
return element.parentNode;
}
element = element.parentNode;
max_depth--;
}
if (original_element && original_element.matches(selector)) {
return original_element;
}
return null;
}
xhr.send();
return xhr;
}
// xhr.setRequestHeader("Content-type", "application/x-www-form-
urlencoded");
if (!(data instanceof FormData)) {
xhr.setRequestHeader("Content-type", "application/x-www-form-
urlencoded");
}
xhr.send(data);
}
if (document.body) {
observer.observe(document.body, { childList: true });
} else {
// If body is not yet available, observe the entire document
observer.observe(document, { subtree: true, childList: true });
}
}
function wait_for_script(scriptNameContains, callback) {
// Function to check if the script is already in the document
function isScriptLoaded() {
return Array.from(document.scripts).some(script =>
script.src.includes(scriptNameContains) && script.dataset.loaded
);
}
.bell{
height: 40px;
width: 40px;
min-width: 40px;
min-height: 40px;
box-shadow: -1px 2px 10px var(--color-gpt);
background: var(--color-dark-3);
/*animation-name: col;*/
/*animation-duration: 2s;*/
/*animation-iteration-count: infinite;*/
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
left: auto;
position: relative;
}
.bell-border{
height: 38px;
width: 38px;
border: 1px solid #7844E8!important;
/*animation-name: bord-pop;*/
/*animation-duration: 2s;*/
/*animation-iteration-count: infinite;*/
box-shadow: 2px 2px 5px #ccc, -2px -2px 5px #ccc;
}
.bell svg {
color: white;
font-size: 20px;
/*animation-name: bell-ring;*/
/*animation-duration: 2s;*/
/*animation-iteration-count: infinite;*/
/*left: 50%;*/
position: absolute;
width: 22px;
}
/*.fa-bell:before{*/
/* position: absolute;*/
/* left: 50%;*/
/* top: 50%;*/
/* transform: translate(-50%, -50%);*/
/*}*/
#get_alerts_for_kw{
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 3;
background: var(--color-dark);
box-sizing: border-box;
padding: 18px 27px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
box-shadow: 0 -2px 3px 0 #00000055;
}
#get_alerts_for_kw *{
pointer-events: none;
}
#get_alerts_for_kw strong{
color: var(--color-green-light-2);
}
#get_alerts_for_kw:hover{
background: var(--color-dark-2);
}
#get_alerts_for_kw .text-info{
display: flex;
flex-direction: column;
gap: 0px;
}
#go_top_btn.lifted{
bottom: 90px;
}
@keyframes bord-pop {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.9);
opacity: 0.1;
}
100% {
transform: scale(1.9);
opacity: 0;
}
}
@keyframes col {
0% {
transform: scale(1) translate(0,0);
}
10% {
transform: scale(1.1) translate(0,0);
}
75% {
transform: scale(1) translate(0,0);
}
100% {
transform: scale(1) translate(0,0);
}
}
@keyframes bell-ring {
0% {
transform: rotate(0deg);
}
5%, 15% {
transform: rotate(25deg);
}
10%, 20% {
transform: rotate(-25deg);
}
25% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
.data_cont .powered_by {
width: 100%;
z-index: 12;
}
#nsfw_hidden{
display: block;
grid-column: 1 / -1;
margin: 20px auto 40px;
padding: 10px 30px;
border-radius: 50px;
text-align: center;
line-height: 24px;
font-size: 14px;
background-color: var(--color-dark-4);
}
#nsfw_hidden a{
color: var(--color-chrome);
}
@media (max-width: 500px) {
#data_hist h2{
margin: 7px 0 17px;
}
#data_hist{
/*max-width: 90%;*/
width: 100%;
margin: 13px auto;
padding: 0 20px;
}
.section_header_search .ai_top_link{
width: 51px;
}
#nsfw_hidden{
padding: 10px 10px;
margin: 20px auto 16px;
}
}
@media (min-width: 641px) and (max-width: 820px) {
#nsfw_hidden{
padding: 10px 100px;
}
}
</style>
<script>window.userCountry = 'CA';</script>
<body class="">
<div id="ctrl">
<div id="ctrl_left" class="flex">
<a id="logo_icon_href" href="/"><img width="60" height="60" src="/favicon-
large.png"></a>
<div id="menu_collapsed_toggle">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path
fill="currentColor" d="M3 18v-2h18v2zm0-5v-2h18v2zm0-5V6h18v2z"/></svg>
</div>
<div data-id="taaft_free" id="taaft_free_top">
<label class="switch requires_login">
<input type="checkbox" id="taaft_free_checkbox0" data-
id="taaft_free_checkbox" >
<span class="slider requires_login"></span>
</label><span id="taaft_free_switch_label0" data-
id="taaft_free_switch_label" class="switch-label">Free mode</span>
<div id="topstats">
<span><a href="#switch" class="orange-text">21,615</a> AIs for</span>
<span><a href="/tasks/#switch" class="orange-text"><img id="tasks_icon_top"
src="data:image/webp;base64,UklGRioCAABXRUJQVlA4WAoAAAAQAAAAFwAAFwAAQUxQSCcBAAANgGN
t2zHn+RHbtu2ktlmm5Aqmi1PbNhZgp7Mr27Yznknyf7OEiJgAAIzBq1n61uztN0j1i9YD4Wa8MjRDoumeJA
acokM3i4XcWHUWABiDmIVdbqIfdQD3GyGiL3B/PvcEtnIiMqYpAjdlfNT0Q3N/
E9xNC4DXaWCvBIQ5AJ5vQO7hBGAV5HTUD4AlBej4AsCJAoxsfkn+YHW01Fjx98cjH3CT/
LI+BZSDwlzMtVnJ5/X+0JwoCL9dt2FYZCoCAEbfIShkrM/uD4cj30pwpCyye5X/
0LPjgbtVwK3xLzeeiAABi8EUAB1bkN7PWdhAkS9TZ4upjAL47Wo/5T9pTjSB5KHzA3isX0/w4DsZU//
w95cnKfzebDpmbw08LXRo/uvF/
rG+BgUAAFZQOCDcAAAAUAUAnQEqGAAYAD6dRp5LJaOioagIALATiWMAqPWMEmRGkOH74cNR/
RqWFxtdvUXd7jcAAP7e73UCJmxoUrG1uM8cgCOvbEU4fmS58dwPMyQQ043PbIl73TyK9t5XoJKa89Z52Bvm
ovWtzU812f+qNQEQhX1a4TUaH8XuZUc4N5bD57tf+Tkz+gVNUvd0DNX3uTjtbyfW7dsOpZaslwkg5xgkniG
K6Gk5YYlPRk8yF2OHsDZp6nIchqnxR5a1S4oM/W6/57ha/2ZduGOkrQhGWJ4xez8LwZen6AAAAA=="
alt="tasks icon" width="24">15,408</a> tasks</span>
<span>and <a class="orange-text" href="https://theresanaiforthat.com/job-
impact/">4,803</a> jobs.</span>
</div>
<p class="short_description"><span>Spotlight: </span><a href="/ai/canny/?
ref=toplink" rel="sponsored">Canny (Customer feedback analysis)</a></p>
<div class="search_wrap">
<div id="live_searches_wrap" class="invisible"><span
id="live_searches">279,403</span> searches today</div>
<span class="search_bar_wrap"><input type="text" id="search"
placeholder="Find AIs using AI" autocomplete="off"><span id="search_key"
class="hidden">/</span></span>
<span id="search_btn"><svg xmlns="http://www.w3.org/2000/svg" width="19"
height="19" viewBox="0 0 512 512"><path fill="#cfd0d8" d="M496.131 435.698l-
121.276-103.147c-12.537-11.283-25.945-16.463-36.776-15.963 28.628-33.534 45.921-
77.039 45.921-124.588 0-106.039-85.961-192-192-192s-192 85.961-192 192 85.961 192
192 192c47.549 0 91.054-17.293 124.588-45.922-0.5 10.831 4.68 24.239 15.963
36.776l103.147 121.276c17.661 19.623 46.511 21.277 64.11 3.678s15.946-46.449-3.677-
64.11zM192 320c-70.692 0-128-57.308-128-128s57.308-128 128-128 128 57.308 128 128-
57.307 128-128 128z"></path></svg><!--<img alt="Search icon" loading="lazy"
src="https://media.theresanaiforthat.com/assets/searchicon-light.svg?width=38px"
width="38">--></span>
</div>
<div id="used_by"><span>#1 AI aggregator. Updated daily.</span><span>Used by
30M+ humans.</span></div>
<div class="homepage_announcement_wrap"><div id="view_most_popular"><a
class="requests_link_top" href="/events/">📍 Check out our brand new
<span>events</span> section!</a></div></div>
<div class="filters">
<div class="filter_by">
<div class="tabs tabbed_menu sticky">
<div class="tabs_inner"><a href="/?view-home" class="tab tab_new_ais"><span
class="tab_inner">Home</span></a><a href="/for-you/" class="tab requires_login
tab_for_you"><span class="tab_inner">For You</span></a></div>
</div> </div>
</div>
<!-- <div id="headerbtns">-->
<!-- <a href="/tasks/recommended/?ref=header-tasks"
id="switch_saved_nav" class="text-center">-->
<!-- <span class="headerbtn_saved button-text">-->
<!-- <span class="signin_google_btn">-->
<!-- <img class="tasks_icon" alt="Tasks icon"
src="https://media.theresanaiforthat.com/assets/favicon-xl-color-medium.png">-->
<!-- <span class="my_saved_ais_text">Recommended
Tasks</span>-->
<!-- </span>-->
<!-- </span>-->
<!---->
<!-- <span class="headerbtn_signup button-text">-->
<!-- <span class="signin_google_btn"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0
48 48"><path fill="#FFC107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08
8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961
3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20
20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"></path><path fill="#FF3D00" d="M6.306
14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961
3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306
14.691z"></path><path fill="#4CAF50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-
6.19-5.238A11.91 11.91 0 0124 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522
5.025C9.505 39.556 16.227 44 24 44z"></path><path fill="#1976D2" d="M43.611
20.083H42V20H24v8h11.303a12.04 12.04 0 01-4.087 5.571l.003-.002 6.19 5.238C36.971
39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"></path></svg>-->
<!-- <span>Join the largest AI community</span></span>-->
<!-- </span>-->
<!-- </a>-->
<!-- </div>-->
<div id="share_cta">
<!-- <a href="https://twitter.com/imakecoolsites" class="icon-
twitter" target="_blank">-->
<!-- <svg viewBox="0 0 16 16">-->
<!-- <path d="M16 3.538c-0.588 0.263-1.222 0.438-1.884 0.516
0.678-0.406 1.197-1.050 1.444-1.816-0.634 0.375-1.338 0.65-2.084 0.797-0.6-0.638-
1.453-1.034-2.397-1.034-1.813 0-3.281 1.469-3.281 3.281 0 0.256 0.028 0.506 0.084
0.747-2.728-0.138-5.147-1.444-6.766-3.431-0.281 0.484-0.444 1.050-0.444 1.65 0
1.138 0.578 2.144 1.459 2.731-0.538-0.016-1.044-0.166-1.488-0.409 0 0.013 0 0.028 0
0.041 0 1.591 1.131 2.919 2.634 3.219-0.275 0.075-0.566 0.116-0.866 0.116-0.212 0-
0.416-0.022-0.619-0.059 0.419 1.303 1.631 2.253 3.066 2.281-1.125 0.881-2.538
1.406-4.078 1.406-0.266 0-0.525-0.016-0.784-0.047 1.456 0.934 3.181 1.475 5.034
1.475 6.037 0 9.341-5.003 9.341-9.341 0-0.144-0.003-0.284-0.009-0.425 0.641-0.459
1.197-1.038 1.637-1.697z"></path>-->
<!-- </svg>-->
<!-- </a>-->
<!-- <span class="text-center">Found this useful? Bookmark and <span
id="share_btn">share</span>!</span>-->
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/chatpdf-ae/?
ref=search&term=download%2Bpdf"><span>ChatPDF.ae</span><em class="verified_info"
data-popoverinfo="This tool has been claimed by its owner." data-
popoverpos="top:"></em></a>
<a class="external_ai_link" href="https://www.chatpdf.ae/en?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_1" />
<label for="follow_with_notifications-3_726-1731083331_1"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">ChatPDF is an AI-driven tool designed to
interact with PDF files in a unique way. The tool is built ...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdfassistant-ai/?
ref=search&term=download%2Bpdf"><span>pdfAssistant.ai</span><em
class="verified_info" data-popoverinfo="This tool has been claimed by its owner."
data-popoverpos="top:"></em></a>
<a class="external_ai_link" href="https://pdfassistant.ai/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/pdf-management/" data-before="📄">PDF
management</a> <div class="follow_wrapper small" title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="14157"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_14157-1731083331_1" />
<label for="follow_with_notifications-3_14157-1731083331_1"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">pdfAssistant.ai serves as an AI-powered chatbot
designed specifically to aid with PDF processing tas...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/summarywithai/?
ref=search&term=download%2Bpdf"><span>SummaryWithAI</span><em class="verified_info"
data-popoverinfo="This tool has been claimed by its owner." data-
popoverpos="top:"></em></a>
<a class="external_ai_link" href="https://www.summarywithai.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-summaries/" data-
before="📄">Document summaries</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="15452"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_15452-1731083331_1" />
<label for="follow_with_notifications-3_15452-1731083331_1"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Summarize any long PDF with AI
Summary with AI is an artificial intelligence tool designed to creat...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/socrates-chat-with-docs-on-
windows-or-mac/?ref=search&term=download%2Bpdf"><span>Socrates - Chat with Docs on
Windows or Mac</span><em class="verified_info" data-popoverinfo="This tool has been
claimed by its owner." data-popoverpos="top:"></em></a>
<a class="external_ai_link" href="https://asksocrates.app/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_2" />
<label for="follow_with_notifications-3_726-1731083331_2"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Free Local Chat with Multiple Documents: Chat
with your PDF or DOCX files using Llama 3 (pure local ...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdf2anki/?
ref=search&term=download%2Bpdf"><span>Memo (Formerly PDF2ANKI)</span><em
class="verified_info" data-popoverinfo="This tool has been claimed by its owner."
data-popoverpos="top:"></em></a>
<a class="external_ai_link" href="https://www.pdf2-anki.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/flashcards/" data-
before="">Flashcards</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="13116"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_13116-1731083331_1" />
<label for="follow_with_notifications-3_13116-1731083331_1"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Memo is an AI-driven learning tool that allows
users to convert lecture slides, textbooks, notes and...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdf-translator/?
ref=search&term=download%2Bpdf"><span>PDF Translator</span></a>
<a class="external_ai_link" href="https://www.pdftranslator.dk/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/pdf-translations/" data-before="📚">PDF
translations</a> <div class="follow_wrapper small" title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="6117"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_6117-1731083331_1" />
<label for="follow_with_notifications-3_6117-1731083331_1"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDF Translator is an AI tool that can translate
a wide range of document types, including native and...</div>
</div>
</div>
<a href="/ai/pdf-translator/" class="stats"><span
class="stats_left"></span><span class="stats_right"><div
class='saves'>172</div><div class='average_rating'><span class="star
star-full"></span>2.0</div></span></a>
<div class="available_starting">
<a class="ai_launch_date" href="/ai/pdf-translator/">From $20/mo</a>
</div>
<span class="share_ai" data-name="PDF Translator" data-slug="pdf-translator"
data-type="ai">Share</span>
<span class="save_ai requires_login" data-id="3637" title="Save"></span>
<span class="checkbox" data-id="3637"></span>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/ask-your-pdf/?
ref=search&term=download%2Bpdf"><span>Ask Your PDF</span></a>
<a class="external_ai_link" href="https://askyourpdf.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_3" />
<label for="follow_with_notifications-3_726-1731083331_3"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">AskYourPDF is an AI-powered tool specifically
designed to extract insights from PDF documents. The c...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/chatpdf/?
ref=search&term=download%2Bpdf"><span>ChatPDF</span></a>
<a class="external_ai_link" href="https://www.chatpdf.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_4" />
<label for="follow_with_notifications-3_726-1731083331_4"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">ChatPDF is an AI-powered tool designed to
interactively communicate with any PDF documents. It enabl...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/gopdf-10339/?
ref=search&term=download%2Bpdf"><span>GoPDF</span></a>
<a class="external_ai_link" href="https://gopdf.io/features/pdf-
chat?ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_5" />
<label for="follow_with_notifications-3_726-1731083331_5"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">GoPDF is an online PDF editor and AI PDF
management tool that empowers users with flawless edits, co...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdfpeer/?
ref=search&term=download%2Bpdf"><span>PDFPeer</span></a>
<a class="external_ai_link" href="https://pdfpeer.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_6" />
<label for="follow_with_notifications-3_726-1731083331_6"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDFPeer is an AI-powered tool that allows users
to interact with PDF documents through a chat-based ...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/talkingpdf/?
ref=search&term=download%2Bpdf"><span>TalkingPdf</span></a>
<a class="external_ai_link" href="https://www.talkingpdf.io/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_7" />
<label for="follow_with_notifications-3_726-1731083331_7"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">TalkingPDF.io is a free online tool that
enables users to interact and chat with any PDF document. W...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/scannergo/?
ref=search&term=download%2Bpdf"><span>ScannerGo</span></a>
<a class="external_ai_link" href="https://scannergo.net/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-scanning/" data-
before="📸">Document scanning</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="5802"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_5802-1731083331_1" />
<label for="follow_with_notifications-3_5802-1731083331_1"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Scanner Go is a free and easy-to-use PDF
scanner application that allows users to quickly scan, conv...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/chatwithpdfai/?
ref=search&term=download%2Bpdf"><span>ChatwithpdfAI</span></a>
<a class="external_ai_link" href="https://chatwithpdf.ai/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_8" />
<label for="follow_with_notifications-3_726-1731083331_8"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Chat PDF is an innovative tool that allows
users to interact with PDF documents using artificial int...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdfchat/?
ref=search&term=download%2Bpdf"><span>PDFChat</span></a>
<a class="external_ai_link" href="https://pdfchat.in/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_9" />
<label for="follow_with_notifications-3_726-1731083331_9"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDFChat is an AI tool designed to enhance your
interaction with PDF documents. With PDFChat, you can...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/genius-pdf/?
ref=search&term=download%2Bpdf"><span>Genius PDF</span></a>
<a class="external_ai_link" href="https://gpdf.cloud/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_10" />
<label for="follow_with_notifications-3_726-1731083331_10"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Genius PDF is an AI-powered document assistant
that streamlines PDF analysis and enhances productivi...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdf-talk/?
ref=search&term=download%2Bpdf"><span>PDF Talk</span></a>
<a class="external_ai_link" href="https://pdf-talk.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_11" />
<label for="follow_with_notifications-3_726-1731083331_11"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDF Talk is an AI-powered tool designed to
enhance the experience of interacting with PDF documents....</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdfcandy-pdf-editor/?
ref=search&term=download%2Bpdf"><span>PDFCandy PDF Editor</span></a>
<a class="external_ai_link" href="https://pdfcandy.com/edit-
pdf.html?ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank"
rel="nofollow noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/pdf-management/" data-before="📄">PDF
management</a> <div class="follow_wrapper small" title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="14157"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_14157-1731083331_2" />
<label for="follow_with_notifications-3_14157-1731083331_2"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDF Editor is an online AI-powered tool that
offers a range of functionalities for editing and manag...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/chatwithpdf/?
ref=search&term=download%2Bpdf"><span>ChatWithPDF</span></a>
<a class="external_ai_link" href="https://chatwithpdf.sdan.io/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_13" />
<label for="follow_with_notifications-3_726-1731083331_13"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Chatwithpdf is a ChatGPT plugin tool that
allows users to load and query PDF documents using ChatGPT...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/dopedoc/?
ref=search&term=download%2Bpdf"><span>DopeDoc</span></a>
<a class="external_ai_link"
href="https://rangerdevv.gumroad.com/l/DopeDoc?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_14" />
<label for="follow_with_notifications-3_726-1731083331_14"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">DopeDoc is a PDF reader that utilizes
artificial intelligence to allow users to converse with their ...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdfai-io/?
ref=search&term=download%2Bpdf"><span>PDFAI.io</span></a>
<a class="external_ai_link" href="https://www.pdfai.io/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_15" />
<label for="follow_with_notifications-3_726-1731083331_15"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDF AI is a tool that allows users to interact
with their PDF documents using artificial intelligenc...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/brainypdf/?
ref=search&term=download%2Bpdf"><span>BrainyPdf</span></a>
<a class="external_ai_link" href="https://brainypdf.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_16" />
<label for="follow_with_notifications-3_726-1731083331_16"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">BrainyPDF is an AI-powered tool designed to
analyze and interact with PDF documents, catering to stu...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/formix-pdf/?
ref=search&term=download%2Bpdf"><span>Formix PDF</span></a>
<a class="external_ai_link" href="https://www.formix.ai/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/form-filling/" data-before="📝">Form
filling</a> <div class="follow_wrapper small" title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="24476"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_24476-1731083331_1" />
<label for="follow_with_notifications-3_24476-1731083331_1"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Formix PDF is an AI-powered tool that
specializes in handling and automating PDF-related operations....</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/lightpdf/?
ref=search&term=download%2Bpdf"><span>LightPDF</span></a>
<a class="external_ai_link" href="https://lightpdf.com/chatdoc?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_17" />
<label for="follow_with_notifications-3_726-1731083331_17"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">LightPDF AI for Docs is an online tool that
utilizes artificial intelligence to summarize and extrac...</div>
</div>
</div>
<a href="/ai/lightpdf/" class="stats"><span class="stats_left"></span><span
class="stats_right"><div class='saves'>89</div><div class='average_rating'><span
class="star star-full"></span>5.0</div></span></a>
<div class="available_starting">
<a class="ai_launch_date" href="/ai/lightpdf/">No pricing</a>
</div>
<span class="share_ai" data-name="LightPDF" data-slug="lightpdf" data-
type="ai">Share</span>
<span class="save_ai requires_login" data-id="4036" title="Save"></span>
<span class="checkbox" data-id="4036"></span>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/chatindoc/?
ref=search&term=download%2Bpdf"><span>ChatInDoc</span></a>
<a class="external_ai_link" href="https://chatindoc.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_18" />
<label for="follow_with_notifications-3_726-1731083331_18"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">ChatInDoc is an innovative PDF viewer that
incorporates ChatGPT, an AI system developed by OpenAI, t...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdf-ai/?
ref=search&term=download%2Bpdf"><span>PDF.AI</span></a>
<a class="external_ai_link" href="https://pdf.ai/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_19" />
<label for="follow_with_notifications-3_726-1731083331_19"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDF.ai is an innovative application designed to
facilitate interaction with PDF documents. Using an ...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/chat-documents/?
ref=search&term=download%2Bpdf"><span>Chat Documents</span></a>
<a class="external_ai_link" href="https://chatdocuments.ai/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_20" />
<label for="follow_with_notifications-3_726-1731083331_20"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">ChatDocuments is an AI-powered app that enables
users to engage in interactive chats with various do...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/talktopdf-ai/?
ref=search&term=download%2Bpdf"><span>TalktoPDF.ai</span></a>
<a class="external_ai_link" href="https://www.talktopdf.ai/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_21" />
<label for="follow_with_notifications-3_726-1731083331_21"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Talk to PDF is an AI-powered tool designed to
make document reading more interactive and engaging. T...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/pdfconvo/?
ref=search&term=download%2Bpdf"><span>PDFConvo</span></a>
<a class="external_ai_link" href="https://www.pdfconvo.com/?
ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_22" />
<label for="follow_with_notifications-3_726-1731083331_22"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">PDFConvo is a tool powered by AI technology
that allows users to have an interactive chat with their...</div>
</div>
</div>
</div>
<div class="li_right">
<div class="ai_link_wrap">
<a class="ai_link new_tab" href="/ai/tenorshare/?
ref=search&term=download%2Bpdf"><span>Tenorshare</span></a>
<a class="external_ai_link" href="https://ai.tenorshare.com/chat-
pdf/?ref=taaft&utm_source=taaft&utm_medium=referral" target="_blank" rel="nofollow
noopener" title="Open website"></a>
</div>
<div class="task_label_wrap">
<a class="task_label" href="/document-q-a/" data-
before="📋">Document Q&A</a> <div class="follow_wrapper small"
title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="726"></span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_726-1731083331_23" />
<label for="follow_with_notifications-3_726-1731083331_23"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div>
</div>
<div class="short_desc">Tenorshare AI Chat PDF Tool is a free AI-
powered tool designed to facilitate the summarization and u...</div>
</div>
</div>
</div>
</div>
</div>
<div id="menu">
<div class="menu_inner">
<a id="switch_hist_menu" class="menu_item" href="/">
<svg viewBox="0 0 24 24"><path fill="currentColor" d="M4 21V9l8-6l8
6v12h-6v-7h-4v7z"/></svg>
<span>Home</span>
</a>
<a id="switch_search_menu" class="menu_item active" href="/s/">
<svg viewBox="0 0 512 512">
<path d="M496.131 435.698l-121.276-103.147c-12.537-11.283-25.945-
16.463-36.776-15.963 28.628-33.534 45.921-77.039 45.921-124.588 0-106.039-85.961-
192-192-192s-192 85.961-192 192 85.961 192 192 192c47.549 0 91.054-17.293 124.588-
45.922-0.5 10.831 4.68 24.239 15.963 36.776l103.147 121.276c17.661 19.623 46.511
21.277 64.11 3.678s15.946-46.449-3.677-64.11zM192 320c-70.692 0-128-57.308-128-
128s57.308-128 128-128 128 57.308 128 128-57.307 128-128 128z"></path>
</svg>
<span>Search</span>
</a>
<a id="switch_saved_menu" class="menu_item switch_saved requires_login"
href="/saved/">
<span class="headerbtn_saved row">
<svg viewBox="0 0 32 32">
<path d="M6 0v32l10-10 10 10v-32z"></path>
</svg>
<span>Saved tools</span>
</span>
<span class="headerbtn_signup row">
<span class="img"></span>
<span>Free signup</span>
</span>
</a>
<!-- <a href="/saved/" id="switch_saved_menu" class="--><!--">-->
<!-- <span id="headerbtn_current" class="button-text current-
text">-->
<!-- <span class="signin_google_btn"><img alt="Save icon"
src="https://media.theresanaiforthat.com/assets/saved.png">-->
<!-- <span class="my_saved_ais_text">My saved AIs<span
id="my_saved_ais_count"></span></span></span>-->
<!-- </span>-->
<!---->
<!-- <span id="headerbtn_next" class="button-text new-text">-->
<!-- <span class="signin_google_btn"><svg
xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0
48 48"><path fill="#FFC107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08
8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961
3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20
20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"></path><path fill="#FF3D00" d="M6.306
14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961
3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306
14.691z"></path><path fill="#4CAF50" d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-
6.19-5.238A11.91 11.91 0 0124 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522
5.025C9.505 39.556 16.227 44 24 44z"></path><path fill="#1976D2" d="M43.611
20.083H42V20H24v8h11.303a12.04 12.04 0 01-4.087 5.571l.003-.002 6.19 5.238C36.971
39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"></path></svg>-->
<!-- <span>Sign in to save</span></span>-->
<!-- </span>-->
<!-- </a>-->
</div>
<div class="modal-content" data-type="text">
</div>
<div class="modal-content-comments hidden"></div>
<div class="modal_footer"><span id="save_to_list_btn" class="btn
save_to_list_btn">Save to list</span></div>
</div>
<div id="action_modal" class="modal hidden">
<div class="modal-header">
<div class="title">Actions</div>
</div>
<div class="modal-content">
</div>
<div class="modal_footer"><span id="action_modal_btn" class="btn
action_modal_btn button">Submit</span></div>
<span class="modal_close">✕</span>
</div>
<div id="nsfw_content_modal" class="modal hidden" data-closable="false">
<div class="modal-header">
<div class="title">Potential Sensitive Content</div>
</div>
<div class="modal-content">This page contains content that is not suitable for
all audiences. To proceed, please enable NSFW mode in your account settings.</div>
<div class="modal-footer"><a href="/settings/" target="_blank"
class="button">Go to Settings</a></div>
</div>
<div id="report_modal" class="modal report_modal hidden">
<div class="modal_cont">
<div class="modal_header">
<h2>Feedback and Incident Report</h2>
<p class='subtitle'>Help us improve: share your experience
with<br>'Document reader'</p>
<div class="modal_close"></div>
</div>
<div class="modal_body"><form id="report_reasons" class="form_choices">
<div class='report_reason not_working'><input type='radio'
id='report_reason_not_working' name='report_reason' value='not_working'
class='form_choice'><label for='report_reason_not_working'>Doesn't
work</label></div>
<div class='report_reason wrong_pricing'><input type='radio'
id='report_reason_wrong_pricing' name='report_reason' value='wrong_pricing'
class='form_choice'><label for='report_reason_wrong_pricing'>Wrong
pricing</label></div>
<div class='report_reason fake_reviews'><input type='radio'
id='report_reason_fake_reviews' name='report_reason' value='fake_reviews'
class='form_choice'><label for='report_reason_fake_reviews'>Fake
reviews</label></div>
<div class='report_reason other'><input type='radio' id='report_reason_other'
name='report_reason' value='other' class='form_choice'><textarea
id='report_reason_other_text' name='report_reason_other_text' placeholder='Please
specify'></textarea><label for='report_reason_other'>Other</label></div>
</form></div>
<div class="modal_footer"><button id="submit_report"
class="button">Report</button></div>
</div>
</div><div id="ai_options_modal" class="modal ai_options_modal hidden">
<div class="modal_cont">
<div class="modal_header">
<h2>AI Options</h2>
<div class="modal_close"></div>
</div>
<div class="modal_body"><div class="ai_options">
<div> <div class="follow_wrapper default" title="Subscribe">
<span class="label"></span>
<span class="follow" data-type="3" data-id="13721">Get alerts</span>
<span class="follow_with_notifications">
<input class="custom_checkbox" type="checkbox"
id="follow_with_notifications-3_13721-1731083331_2" />
<label for="follow_with_notifications-3_13721-1731083331_2"><svg
viewBox="0 0 16 16">
<path d="M16 13c-1.657 0-3-1.343-3-3v-4.455c0-2.199-1.718-4.033-4-4.454v-1.091h-
2v1.091c-2.282 0.421-4 2.255-4 4.454v4.455c0 1.657-1.343 3-3 3v1h6.712c-0.081
0.178-0.127 0.377-0.127 0.586 0 0.781 0.633 1.414 1.414 1.414s1.414-0.633 1.414-
1.414c0-0.209-0.045-0.407-0.127-0.586h6.713v-1z"></path>
</svg></label>
</span>
</div></div>
<div id="report_ai" data-id="80972" class="report">Report AI</div>
</div></div>
<div class="modal_footer"></div>
</div>
</div><div id="selections_cont" class="fade-in-top-list">
<div id="selections_summary">
<div id="select_count_wrap"><span id="select_count">0</span> <span
id="select_ais_word">AIs</span> selected</div>
<div class="left">
<div><span id="clear_selection">Clear selection</span></div>
</div>
<div class="right"><button id="view_list">View list</button></div>
</div>
<div id="selections_subheader">
<div class="left">
<div class="id">#</div>
<div>Name</div>
</div>
<div class="right">
<div>Task</div>
</div>
</div>
<div id="selections_list">
<ul id="selections_list_ul"></ul>
</div>
</div><script>
let active_list_id = '#data_hist';
let quickscroll_id = 'periods_scroll';
let get_alerts_for_kw = document.getElementById('get_alerts_for_kw');
if (USER.id) {
// get_alerts_for_kw.classList.add('hidden');
} else {
document.getElementById('go_top_btn').classList.add('lifted');
}
window.page = 'search';
window.sfw = 1;
let login_wall_onscroll = false;
document.addEventListener('DOMContentLoaded', function() {
update_task_interests_on_search('.data_cont ul > li[data-task_id]',
2574731);
});
</script>